title: Recent Posts CSS row layout design
body: <p>I'm trying to output my most recent posts (on wordpress), the code works, however I'm struggling to produce a working template/design the way I want it to look. I've tried various different ways, for example divs, ul, span, but just cannot get it right/perfect.</p>
  <p>I've pasted what I have below, but I'm more after a working css/grid, so I'll refit my code/css into the new layout. The image size is max 150x150px, with padding lets say 200x200 is the image box.</p>
  <p><a href="https://i.stack.imgur.com/2U6St.png" rel="nofollow noreferrer">desired result example</a></p>
  <pre><code>        $output = '
  &lt;' . $inner_wrapper . ' class=&quot;' . implode( ' ', $class ) . '&quot;&gt;
  &lt;div class=&quot;rp_image&quot;&gt;'. $image .'&lt;/div&gt;
  &lt;div class=&quot;rp_title&quot;&gt;&lt;h5&gt;'. $title .'&lt;/h5&gt;'. $comments_link .'&lt;/div&gt;
  &lt;div class=&quot;rp_titleinfo&quot;&gt;'. $author .'&lt;/div&gt;
  &lt;div class=&quot;rp_cattags&quot;&gt;'. $category_display_text .'&lt;/div&gt;
  &lt;div class=&quot;rp_content&quot;&gt;' . $date . $excerpt . $content .'&lt;/div&gt;
  &lt;/' . $inner_wrapper . '&gt;
  ';
  </code></pre>