CSS or HTML - how to center multiple images on same line

HTML & CSS
1

In WordPress have:

<p style="text-align: justify;"><img class=" wp-image-287 alignleft" src="http://www.firechaplain101.org/wp-content/uploads/2014/08/Peg-OConnell.jpg" alt="Peg O'Connell" width="79" height="105" /><img class="alignleft  wp-image-37" src="http://www.firechaplain101.org/wp-content/uploads/2012/12/Gene-150x150.jpg" alt="Gene" width="90" height="90" /><img class="wp-image-286 alignleft" src="http://www.firechaplain101.org/wp-content/uploads/2014/08/dan_peters-200x300.jpg" alt="dan_peters" width="71" height="106" /><img class="wp-image-289 alignleft" src="http://www.firechaplain101.org/wp-content/uploads/2014/08/Ted_edwards.jpg" alt="Ted_edwards" width="68" height="97" /></p>

Images are left aligned but want centered. Have tired adding a div and a span - NO JOY
Tried various align’s on - NO JOY

2

Set the parent of those images to text-align:center; .

3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.