Dva article vedle sebe

body {
  font-family: 'Open Sans', 'sans-serif';
  background-color: #ffffff;
}

article{
background-color: #FEFEFE;
width: 50%;
}

section{
background-color: #F2F2F2;
font-family: 'Calibri', 'sans-serif';
}

<article>
 <section>
<h2><a class="jiny" href="#">Nadpis</a></h2>
<img src="par.jpg">
<p>text</p>
</div><hr width="325px"/>
<img src="person.png" width="16px" height="16px"> Osoba která příspěvek napsala.
</section>
</article>
<p>
<article>
<section>
Text articlu
</section>
</article>
 </p>