markup_css_8.html

CSS Images

Graphic images often deserve a separate chapter in any explanation of layout language, including CSS. Here are a few tips I'm currently fond of.

CSS Photos

CSS Tip: Positioning photos with floats: Referencing the link, above, from Case Western, this is a simple and straightforward approach to photo captions.; Here's the CSS —
.photoleft {float: left; padding:2px 0px 8px 10px; margin: 0; font-size:90%; color: #7F8E29; font-style:italic; width:280px;}; And this is the HTML —
<p class="photoleft" style="width:300px;"><img alt="Bee packages" src="images/beepkgs.jpg" /><br /> Packages of bees </p>