I am trying have a better arrangement of images instead of just images in 1 column. See example in attachment, the images for each article can be on left and right.
This is my code. HTML:
<section class="content list_page">
<article id="post-66">
<div class="list_img"><img src="img1.png"></div>
<div class="list_text">Content 1</div>
</article>
<article id="post-63">
<div class="list_img"><img src="img2.png"></div>
<div class="list_text">Content 2</div>
</article>
.
.
.
</section >
CSS:
.list_page:nth-child(odd) .list_img{
float:right;
}
.list_page:nth-child(even) .list_img{
float:left;
}
How do I do that? Please help. -Thanks in advance