How to align multiple images horizontally?

Support Themes & Styling
1

I would like to take advantage of the discussion to ask a second question. Do you know how to line up pictures like this:

capture_grav2
capture_grav2888×277 85.5 KB

2

Cause even if I put them in aligned notation Grav the overlays like this:

![](image://laptop.png?cropResize=,200) ![](image://desktop.jpg?cropResize=,200) ![](image://nettop.jpg?cropResize=,200)

capture_grav1
capture_grav1423×711 77.8 KB

3

@Plumf, An <img> element is an ‘inline’ element and should therefor position itself on the same line, unless the containing element isn’t wide enough and forces the images to wrap. Or some css might influence the layout.

The Markdown code you use will generate html similar to:

<p>
  <img alt="" src="/images/9/3/4/f/d/934fd3ab7bd7425654....jpeg">
  <img alt="" src="/images/9/3/4/f/d/934fd3ab7bd7425654....jpeg">
  <img alt="" src="/images/9/3/4/f/d/934fd3ab7bd7425654....jpeg">
</p>

Questions:

  • Which theme are you using?
  • What does your generated HTML look like?
  • What css are you using?
1 Like