Long Hand HTML5 Post Author Box

index.html

<section class="author-box" itemprop="author" itemscope="itemscope" itemtype="http://schema.org/Person">

<img alt='Relavant ALT Tag' src='IMAGE LINK' class='avatar avatar-176 photo' height='176' width='176' />

<h4 class="author-box-title">Author: <span itemprop="name">Name</span></h4>
<div class="author-box-content" itemprop="description">
<p>Sed hendrerit id augue consequat eleifend. Integer malesuada id turpis at volutpat. Nullam eleifend lacus non dui euismod ultricies. Aenean euismod quis tortor in molestie. Duis sollicitudin, nunc vitae pretium tincidunt, justo est condimentum orci, eget placerat nisl mauris non sem.</p></div>
</section>

Style.css

/* Avatar
--------------------------------------------- */

.avatar {
  border-radius: 50%;
  float: left;
}

.author-box .avatar {
  height: 88px;
  width: 88px;
}

.alignleft .avatar, .author-box .avatar {
  margin-right: 24px;
}

.alignright .avatar {
  margin-left: 24px;
}