Arranging Images in a Triangle

Question

Hi, how do I arrange images in a triangle presentation? Like at each tip of an imagined triangle, I want to display an image.

Answer 1

If you do not have to worry about respondent using a smartphone display (small), then you may use the HTML flexbox feature.

<div style="display: flex; flex-wrap: wrap; justify-content: space-between;">
  <img src="filename.jpg">
  <img src="filename.jpg">
</div>
<div style="text-align: center">
  <img src="filename.jpg">
</div>

Other methods like absolute positioning or HTML tables could be used as well.