Here's the current structure of the code:
<section>
<article>
<p>Title</p>
<p>Content</p>
</article>
<article>
<p>Title</p>
<p>Content</p>
</article>
<article>
<p>Title</p>
<p>Content</p>
</article>
</section>
Any ideas on how to make the first and third titles float to the left, while the second title floats to the right?
I attempted this approach:
section article p:first-child:nth-child(even){
float:right;
}
Unfortunately, it didn't provide the desired outcome. Any suggestions?