title: What is the appropriate method to create this icon layout in CSS?
body: <p>See the photo icons below:</p>
  <p><a href="https://i.stack.imgur.com/Xj3tB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xj3tB.png" alt="enter image description here" /></a></p>
  <p>If I'm just using vanilla HTML/CSS (no frameworks etc.), would the best way to create these overlapping icons be to use flexbox with negative margin-left for each img?</p>
  <p>Or just use inline-block for each image and give negative margins to each one?</p>