title: Images inside a list displaying on one row
body: <p>On this site <a href="http://mmandjlaw.com" rel="nofollow noreferrer">mmandjlaw.com</a> I have added new lawyers to our practice, but now there is white space and I cannot figure out why? </p>
  
  <p>What I tried and did not work:</p>
  
  <ul>
  <li>Using <code>display: inline-block;</code></li>
  <li>Changing to <code>width: 24%;</code> </li>
  </ul>
  
  <p>I do not see any margins. Pictures are all the same size.</p>
  
  <p>I have decent knowledge HTML and CSS, but how would I troubleshoot issues like this?</p>