Chromium Code Reviews| Index: LayoutTests/fast/inline/vertical-align-text-inherit.html |
| diff --git a/LayoutTests/fast/inline/vertical-align-text-inherit.html b/LayoutTests/fast/inline/vertical-align-text-inherit.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..001d5adc90c88fb1edd41ba1d643a855766ddf39 |
| --- /dev/null |
| +++ b/LayoutTests/fast/inline/vertical-align-text-inherit.html |
| @@ -0,0 +1,25 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +.container { |
| + background-color: yellow; |
| + display: inline-block; |
| + overflow: hidden; |
|
mstensho (USE GERRIT)
2015/06/10 11:40:41
The background-color, display, overflow, text-over
changseok
2015/06/11 04:39:05
Of course, I can. =) I just mimicked the original
|
| + text-overflow: ellipsis; |
| + width: 200px; |
| + white-space: nowrap; |
| + vertical-align: top; |
| +} |
| + |
| +.green { |
| + background-color: green; |
|
mstensho (USE GERRIT)
2015/06/10 11:40:41
See my comment further below. This inline-block is
changseok
2015/06/11 04:39:05
O.K I see.
|
| + display: inline-block; |
| + width: 50px; |
| + height: 50px; |
| +} |
| +</style> |
| +<p>Test passes if a text in a yellow box is aligned with the bottom of a left green box.</p> |
| +Baseline. |
| +<div class="container"> |
| + <div class="green"></div> |
| + This text should be aligned with the bottom of a left green box. |
|
mstensho (USE GERRIT)
2015/06/10 11:40:41
The baseline of this text, perhaps. Not the bottom
changseok
2015/06/11 04:39:05
This is neater.
|
| +</div> |