More robust semantic markup to allow for CSS styling


Can you please improve your html in the display of the contents? The title and site name should be separated by at least a span tag or even headers and paragraph tags. The post content should be wrapped in a paragraph tag as well. There should also be post info displayed somewhere in there. Can we even drop in a read more link below all of that?

I attached a screenshot of what it is right now.

I think the code should be something like this. (genesis framework)

'<li class="post-1384 post type-post status-publish format-standard category-press-releases tag-transportation entry" itemscope="" itemtype="">

<header class="entry-header"><h2 class="entry-title" itemprop="headline">post_title</h2>

<p class="entry-meta">
<time class="entry-time" itemprop="datePublished" datetime="2014-12-05T12:00:00+00:00">December 5, 2014</time>
<span class="entry-author" itemprop="author" itemscope="" itemtype="">
<span class="entry-author-name" itemprop="name">author_username</span>
<span class="entry-categories">Press Releases</span>
<span class="entry-tags">transportation</span> </p></header>

<div class="entry-content" itemprop="text"><p>post_content ...Read More</p></div>