LayoutTests/fast/inline-block/contenteditable-baseline.html - WebKit - Git at Google

 <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.
	<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.