GhostBrowser- prepare parts

by Dejan Munjiza

HTML

<div class="nomnom">Post Meta</div>

<div class="meta">
  <div class="meta-inner">
    <img src="https://lh3.googleusercontent.com/-ck4mNZ6uPac/AAAAAAAAAAI/AAAAAAAAOBo/EusHWXcKDcc/s180-c-k-no/photo.jpg"/>
    <div class="author-info">
      Larry Kokoszka
    </div>
    <div class="category">
      How to use
    </div>
  </div>
</div>

<!-- Post Titles -->
<div class="nomnom">Post Titles</div>

<div class="heading">
  <img src="http://wall-pack.com/wp-content/uploads/2011/10/Nature-Wallpapers-Part-8-9-500x500.jpg"/>
  <div class="page-title">
    Three killer ways to work
  </div>
</div>

<div class="heading">
  <img src="http://wall-pack.com/wp-content/uploads/2011/10/Nature-Wallpapers-Part-8-9-500x500.jpg"/>
  <div class="page-title">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non ipsum varius, accumsan nulla eu, venenatis nulla.
  </div>
</div>

<div class="heading">
  <img src="http://wall-pack.com/wp-content/uploads/2011/10/Nature-Wallpapers-Part-8-9-500x500.jpg"/>
  <div class="page-title">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non ipsum varius, accumsan nulla eu, venenatis nulla. Cum sociis natoque penatibus et magnis dis parturient montes,
  </div>
</div>

<!-- Featured Image --> 

<div class="wrapper">
  <div class="nomnm">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non ipsum varius, accumsan nulla eu, venenatis nulla.
  </div>
    <img class="featured-image" src="http://tmacfitness.com/wp-content/uploads/2013/04/Beauty-of-nature-random-4884759-1280-800-1024x640-800x400.jpg"/>
  <div class="nomnm">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non ipsum varius, accumsan nulla eu, venenatis nulla.
  </div>
</div>

CSS

body, html { padding: 0; margin: 0; }

/* Meta Info */

.meta {
  margin: 20px;
  width: 100%;
  box-sizing: border-box;
  float: left;
}

.meta-inner {
  display: table;
}

.meta-inner img {
  width: 60px;
  float: left;
  border-radius: 50%;
  margin: 10px;
}

.author-info {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

.category {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

/* Page Titles */

.heading {
  width: 100%:
  float: left;
  display: table;
}

.heading img {
  width: 60px;
  float: left;
  border-radius: 50%;
  margin: 10px;
}

.page-title {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 10px;
}

/* Featured image */

.wrapper {
  width: 100%;
  float: left;
  padding: 20px;
}

.featured-image {
  width: 100%;
  margin: 20px -20px;
  float: left;
}

.featured-image