Control text wrapping around boxes

I have seen many CMS packages wrap text around a box such as the one
at http://www.armchairdictator.com/index.php?art/id:5

but the text is always far too close to the box on the page. How does
one create padding around boxes like this one? I think that with
images you can add a padding parameter (or maybe not) to space text a
distance away from crowding the graphic. Thank you.

Marc

Marc wrote:
> I have seen many CMS packages wrap text around a box such as the one
> at http://www.armchairdictator.com/index.php?art/id:5
>
> but the text is always far too close to the box on the page. How does
> one create padding around boxes like this one? I think that with
> images you can add a padding parameter (or maybe not) to space text a
> distance away from crowding the graphic. Thank you.

you could add padding to your float box (as in the above case):

<div id="authorbox">
<img src="out/avatar/1_authoricon.png" alt="author" />
Text
</div>

div#authorbox {
float:left;
margin: 3px; /* 3px margin of the box to each side */
padding: 3px; /* 3px padding within the box to each side */
}
div#authorbox img {
margin:2px; /* margin of the image to the text on each side */
}

please refer to the box model specs fron the W3C:
http://www.w3.org/TR/REC-CSS2/box.html

HTH
bernhard

--
www.daszeichen.ch
remove nixspam to reply


----== Posted via Newsfeeds.Com - Unlimited-Uncensored-Secure Usenet News==----
http://www.newsfeeds.com The #1 Newsgroup Service in the World! >100,000 Newsgroups
---= East/West-Coast Server Farms - Total Privacy via Encryption =---