body {font-size: large;}</style>
</head><body><p>The nasty, spooky things you can do by via repositioning
and otherwise molesting perfectly good text. This
section of the chapter should serve more as a
warning than a guide.<span>HERE IS SOME INLINE
TEXT WITH A BORDER!</span>...looks pretty bad,
right?</p>
</body>
</html>I don’t want to annoy or shock you with multiple examples of tortured inline
positioning resulting in distasteful text layout. Instead, I content myself with
one more example involving applying padding to an inline element. It not only
looks bad, but part of the text also becomes unreadable as a result.Here’s the code that produces the special effect shown in Figure 11-7:<style>span {background: linen; padding-top: 16px;}</style>Figure 11-7:
A new low
in tormented
text, thanks
to padding
used with
an inline
element.