I need to make all of these images align within the article element and i cant seem to get it right
<section><div id="imagesMain"><article id="art1"><img src="C:\Users\edwards\Dropbox\Fay-yaadh Edwards-52036\Web Development Essentials\Task 5\images/ITPic.jpg" class="articlePics" alt="InformationTechnology" /><h2 class="articleHeadings">Information Technology</h2><p>simple computer stuff</p><a href="" class="moreButton">More</a></article><article id="art2"><img src="C:\Users\edwards\Dropbox\Fay-yaadh Edwards-52036\Web Development Essentials\Task 5\images/Biology.jpg" class="articlePics" alt="biology" /><h2 class="articleHeadings">Biology</h2><p>My overview</p><a href="" class="moreButton">More</a></article><article id="art3"><img src="C:\Users\edwards\Dropbox\Fay-yaadh Edwards-52036\Web Development Essentials\Task 5\images/history.jpg" class="articlePics" alt="History" /><h2 class="articleHeadings">History</h2><p>My overview</p><a href="" class="moreButton">More</a></article></div></section>