CSS Cafe Tutorial 11 - Thumbnail Images

Back to our beginner's CSS tutorial.. With the exception of the logo image, the rest of our page is composed of text. I am going to add three thumbnail sized images to our specials section using the img tag. The HTML changes are three additional lines to each item in the specials div:

<div id="specials">
<h2>Today's Specials</h2> 

<img src="images/p.jpg" alt=" ">
<h3>Marquesas Pretzel</h3>
<p>A unique combination....</p>

<img src="images/d.jpg" alt=" ">
<h3>86 Percent Donut</h3>
<p>Glazed with a bittersweet chocolate....</p>

<img src="images/k.jpg" alt=" ">
<h3>Cinnamon Swirl Coffee</h3>
<p>A flavored coffee that is full-bodied....</p>

</div>

You can view the full browser output here.