I'm developing a website and I cut the images that I will use:
<div class="news-top">
<p>CSS contains the top image</p>
</div>
<div class="news-center">
<p>CSS contains the center image (repeat-y)</p>
</div>
<div class="news-bottom">
<p>CSS contains the bottom image</p>
</div>
And inside news-center class I have .news-content
class. Inside .news-content
I have this structure:
<div class="news-center">
<div class="news-content">
<h1>CodeReview</h1>
<div class="news-content-words">
<p>Semantic HTML5</p>
</div>
</div>
</div>
But I want to use HTML5 markup, so I made this. Is it right?
<section class="news-section">
<div class="news-top">
<p>CSS contains the top image</p>
</div>
<div class="news-center">
<article class="news-content">
<header><h1>News Title</h1></header>
<div class="news-text">
<p>Lorem ipsum doler si amet</p>
</div>
<footer>News autor, news tags, etc..</footer>
</article>
</div>
<div class="news-bottom">
<p>CSS contains the bottom image</p>
</div>
</section>