9 lines
944 B
HTML
9 lines
944 B
HTML
<style>
|
|
DIV#tc:first-line { font-size: 80pt }
|
|
input:first-line { font-size: 80pt }
|
|
</style>
|
|
This tests that contenteditable elements, with no children, get the right baseline.<br><br>
|
|
<div style="display:inline-block; border: solid thin red;"><div contenteditable style="border: solid thin green; width:150px; vertical-align: baseline"></div></div>This text should line up with the bottom of the text in the editable div.<br><br>
|
|
<div style="display:inline-block; border: solid 10px red;">text<div contenteditable style="border: solid 20px green; width:150px; vertical-align: baseline"></div></div>This text should line up with the bottom of the text in the editable div.<br><br>
|
|
<div style="display:inline-block; border: solid 5px red;"><div contenteditable id="tc" style="border: solid 10px green; width:150px; padding-top: 20px; vertical-align: baseline"></div></div>This text should line up with the bottom of the text in the editable div.
|