<LJ-CUT text=" --More--(3%) ">
I'm trying to make a headling-like thing that is a piece of text with a box around it. I used to do this with tables, but I'm taking a hesitant sip of the CSS kool-aid again. I'm trying to give a SPAN a "border" and "padding", and that almost works... except when the SPAN is near the top of the document (or table cell sub-document) in which case, the box runs out past the top margin.
But if I change the "display" from "inline" to "block", then the box takes up the full width of the page, which is not what I want either. How do I make it go?
| || |
Isn't that nice, how it overlaps all over the place. Adding "margin" affects its horizontal placement, but not vertical.
"View Source" to see what's going on.
Oh, awesome, this looks different under my LJ style than it does when I just save it to a file on its own. Here's what I was seeing before I posted it: