/ Published in: CSS
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
div class="container"> <p class="legend_lookalike">some text</p> <p>Some more text inside the div - as much as you want...</p> <p>Maybe some more text...</p> </div> CSS: div.container { margin: 20px 0 0 0; border: solid 1px #555; background-color: #eee; width: auto; } div.container p { clear: left; margin: 6px 3px 6px 10px; } div.container p.legend_lookalike { float: left; border: solid 1px #555; background-color: #fff; margin: -0.7em 0 0 10px; padding: 0 4px; position: relative; } @media all { *html div.container,*html div.container p.legend_lookalike { height: 0; }