First of all you need to make a container div and include all the text and the image for that text inside that container.
Then align that image to the left and text will automatically stick to its right.
<div class="test-container">
<img src=""/><p></p>
</div>
<div class="test-container">
<img src=""/><p></p>
</div>
<div class="test-container">
<img src=""/><p></p>
</div>
And i think you should decrease the size of the image it is way too large right now.
Hi,
you used different container for each.There’s no need of different containers.You can use same class on everyone.
and u need to use a clear class also to clear the container divs
Here i will show u how.
Right now you have this:
<div class="test-container"><img class="alignleft" alt="" src="http://www.thisiselegant.com/wp-content/uploads/2013/05/scott-sabreena.jpg">test2<p></p>
<div class="test-container2"><img class="alignleft" alt="" src="http://www.thisiselegant.com/wp-content/uploads/2013/05/scott-sabreena.jpg">test2<p></p>
</div>
you need to do this:
<div class="test-container"><img src=""/><p>text</p></div>
<div class="test-container"><img src=""/><p>text</p></div>
and in your child theme style.css file you need to create the above class also :
.test-container{ clear:both}
You problem will be solved.I will still suggest to decrease that image size though,it’s looking quite big.
many thanks, issue resolved
Please close this thread then
Cheers…:)…
