# Possible to place multiple images side by side?

**URL:** https://meta.discourse.org/t/possible-to-place-multiple-images-side-by-side/38169
**Category:** Feature
**Tags:** completed
**Created:** [19 Janeiro , 2016 10:26 UTC](https://meta.discourse.org/t/possible-to-place-multiple-images-side-by-side/38169 "2016-01-19T10:26:30Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![jmardenslp](https://avatars.discourse-cdn.com/v4/letter/j/50afbb/32.png) [@jmardenslp](https://meta.discourse.org/u/jmardenslp)
#### Post date: [19 Janeiro , 2016 10:26 UTC](https://meta.discourse.org/t/possible-to-place-multiple-images-side-by-side/38169/1 "2016-01-19T10:26:30Z")

</div>

I am trying to figure out how to get two or more images to appear side by side. Currently when I drag images into a post, their previews appear one below the other. I’ve tried bracketing the images I’d like to appear on the same row with p and using nobr between the image links to no avail. I’m assuming that Markdown is generating html to show each image as its own paragraph, and so the html I add to create a paragraph with multiple images is being stripped somehow. Is there a secret way I’m missing, or is this not possible?

TIA! New to Markdown and Discourse, techie but not very html or css fluent, so I apologize if this is a silly question.

---

<div class="post-metadata">

### Author: ![fefrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fefrei/32/119538_2.png) [@fefrei](https://meta.discourse.org/u/fefrei)
#### Post date: [19 Janeiro , 2016 10:33 UTC](https://meta.discourse.org/t/possible-to-place-multiple-images-side-by-side/38169/2 "2016-01-19T10:33:00Z")

</div>

You can cheat a bit and use tables to achieve that, if that is allowed in site settings:

| | |

There might be a better way to do this, but this was my first idea 🙂

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [19 Janeiro , 2016 10:33 UTC](https://meta.discourse.org/t/possible-to-place-multiple-images-side-by-side/38169/3 "2016-01-19T10:33:53Z")

</div>

Keep in mind, tables break mobile

---

<div class="post-metadata">

### Author: ![fefrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fefrei/32/119538_2.png) [@fefrei](https://meta.discourse.org/u/fefrei)
#### Post date: [19 Janeiro , 2016 10:35 UTC](https://meta.discourse.org/t/possible-to-place-multiple-images-side-by-side/38169/4 "2016-01-19T10:35:13Z")

</div>

They do indeed:

 ![](https://global.discourse-cdn.com/meta/original/3X/8/f/8f1a9f6b9c8ec39b77865bd907b209cae278ea68.png)

The same is true for whatever @jmardenslp did before he ninja-edited it away – I don’t think it was a table:

 ![](https://global.discourse-cdn.com/meta/original/3X/b/5/b51498dea8fffb980da4ddeb83ce57a81ed80bf2.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [19 Janeiro , 2016 10:49 UTC](https://meta.discourse.org/t/possible-to-place-multiple-images-side-by-side/38169/5 "2016-01-19T10:49:36Z")

</div>

As if I needed another reason to hate tables in replies.

---

<div class="post-metadata">

### Author: ![jmardenslp](https://avatars.discourse-cdn.com/v4/letter/j/50afbb/32.png) [@jmardenslp](https://meta.discourse.org/u/jmardenslp)
#### Post date: [19 Janeiro , 2016 10:57 UTC](https://meta.discourse.org/t/possible-to-place-multiple-images-side-by-side/38169/6 "2016-01-19T10:57:59Z")

</div>

Sorry about the ninja edit. I was trying to show angle-bracket p close-angle-bracket and angle-bracket nobr close-angle-bracket and it was eaten.

---

<div class="post-metadata">

### Author: ![ccdw](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ccdw/32/51564_2.png) [@ccdw](https://meta.discourse.org/u/ccdw)
#### Post date: [19 Janeiro , 2016 10:58 UTC](https://meta.discourse.org/t/possible-to-place-multiple-images-side-by-side/38169/7 "2016-01-19T10:58:47Z")

</div>

You can target these images with CSS, either float or inline block. The problem you face is how to discriminate between images you want to have inline and those you don’t.

You could add a tag to the post, eg gallery and then target that, but I think you’d need jQuery to select the target for the style as the tag element is a sibling of the topic body, not a parent (from memory in any case).

You could also encode something in the img alt tag and target that. That works fine with CSS but it’s a bit messy.

Alternatively, I use a gallery plugin from Flickety in my test site:

> **[Flickity v2 · Touch, responsive, flickable carousels](https://flickity.metafizzy.co/)**
>
> Touch, responsive, flickable carousels

It’s overkill for what you say you need, but does give good results. This carousel picks up on the carousel tag and renders a carousel - it also works with lightbox. I will post code at some stage, but not until I’ve managed to find out how to load the gallery script with require…

 ![](https://global.discourse-cdn.com/meta/original/3X/8/5/8545fcfa92dfc0a5013f687c460a8bd1fcd04f38.jpg)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [4 Dezembro , 2025 15:01 UTC](https://meta.discourse.org/t/possible-to-place-multiple-images-side-by-side/38169/8 "2025-12-04T15:01:40Z")

</div>

Nós temos grade agora.
