- CSS Rendering Issues
- A loss for words
- Narrowing in
I trimmed down the code for y’all. Here is the most minimal parts of it. How can I make this work in Opera? (yes, and maybe even IE). By work in Opera I mean render like it does in Webkit and Gecko, like so:
Apparently the magic that allows this to work is the css height: 0; declaration. I’m not sure why that is, but it gives me the chills (and probably nightmares entitled Box Model).
|
1 2 3 4 5 |
<h1>Title
<span class="subdraft">
<sub>5</sub>
<sup>*</sup>
</span></h1> |
|
1 2 3 4 5 6 7 |
span.subdraft {
display: inline-block;
}
span.subdraft sup {
height: 0;
float: left;
} |
Or, if it’s easier, you can download a html file (css embedded).