HTML and CSS Reference
In-Depth Information
Figure 2.14. Our "Most Popular" sidebar
Below the heading we have recipe ratings in a left column, and the recipe names in a right
column. Here's what our HTML looks like for an individual recipe/rating pair:
<div class="rating">4.9/5</div>
<div class="pop-item"><a href="#">Delicious garlic
bread</a></div>
This would be repeated for each recipe, with the content changed to reflect each one. Now
let's add some CSS to style these elements:
.rating {
float: left;
clear: left;
padding-top: 4px;
padding-right: 15px;
