HTML and CSS Reference
In-Depth Information
Here's the code for the HTML without the actually
dummy text inside with the CSS classes mentioned
in the previous page:
<div id=”blog”>
<p class=”category”><a href=”#” title=”#”>Blog</a></p>
<div class=”article”>
<h2>[..]</h2>
<p class=”post-data”>[..]</p>
<p class=”post-content”>[..]</p>
<p class=”buttons”>[..]</p>
</div><!-- end .article -->
</div><!-- end #blog -->
Halfway there.
Measure the space that surrounds the article. You
can use the
Marquee Tool
again
and measure the left
space and then the right space.
Doing so would provide about 200px on the right
side and 17px on the left. With these values, include
the new
padding
in the
div.article
selector
.