Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <style> | |
| 3 .container { | |
| 4 background-color: yellow; | |
| 5 display: inline-block; | |
| 6 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
| |
| 7 text-overflow: ellipsis; | |
| 8 width: 200px; | |
| 9 white-space: nowrap; | |
| 10 vertical-align: top; | |
| 11 } | |
| 12 | |
| 13 .green { | |
| 14 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.
| |
| 15 display: inline-block; | |
| 16 width: 50px; | |
| 17 height: 50px; | |
| 18 } | |
| 19 </style> | |
| 20 <p>Test passes if a text in a yellow box is aligned with the bottom of a left gr een box.</p> | |
| 21 Baseline. | |
| 22 <div class="container"> | |
| 23 <div class="green"></div> | |
| 24 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.
| |
| 25 </div> | |
| OLD | NEW |