JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://underscorejs.org/underscore-min.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<table id="Q0009_Id8002_Text_Table"><tbody><tr><td valign="top"><div align="left"><font style="font-family: 'Arial'; color: #024BA6; font-size: 12.0pt;"><b>Tachistoskop</b></font><font style="font-family: 'Arial'; color: #024BA6; font-size: 4.0pt;"><br></font></div><div align="left"><font style="font-family: 'Arial'; color: #A7BEFC; font-size: 4.0pt;"><b>---------------------------------------------------------------------------------------------------------------------------------------------------------------------</b></font><font style="font-family: 'Arial'; color: #024BA6; font-size: 12.0pt;"><br></font></div><div align="left"><font style="font-family: 'Arial'; color: #024BA6; font-size: 9.0pt;">Ein Bild wird für eine definierbare Zeit angezeigt</font><font style="font-family: 'Arial'; color: #024BA6; font-size: 10.0pt;"><br></font></div></td></tr></tbody></table>
CSS
body { margin: 1em; }
/* Uncommenting this line will fix the problem when using
transitional doctypes */
/*
.caret {
min-height: 7px;
}
*/
JavaScript
/*
Steps:
1) Run fiddle as created (HTML5 doctype, no added CSS)
2) Change doctype (see info panel on sidebar) to HTML
4.01 Strict or XHTML 1.0 Strict and run. No change.
2) Change doctype (see info panel on sidebar) to
HTML 4.01 Transitional or XHTML 1.0 Transitional
and run. Caret-only button renders shorter.
With an HTML5 doctype, the button group renders properly.
With a Strict doctype (HTML or XHTML), the button group
renders properly.
With a TRANSITIONAL doctype (HTML or XHTML), the caret-only button
renders at a shorter height.
adding a min-height on the caret will fix this when using a
transitional doctype
*/