# Image organization issue

**URL:** <https://forums.ankiweb.net/t/image-organization-issue/4549>\
**Category:** Help\
**Created:** [October 23, 2020, 11:55pm UTC](https://forums.ankiweb.net/t/image-organization-issue/4549 "2020-10-23T23:55:09Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![AnkiM2](https://avatars.discourse-cdn.com/v4/letter/a/848f3c/32.png) [@AnkiM2](https://forums.ankiweb.net/u/AnkiM2)\
**Post date:** [October 23, 2020, 11:55pm UTC](https://forums.ankiweb.net/t/image-organization-issue/4549/1 "2020-10-23T23:55:09Z")

</div>

Hi!

I’ve been reorganizing images so they appear next to one another instead of on-top-of one another so I can see them easier. This has been working fine for over a year and I’ve had no trouble up until last week. In the editor, it shows that I put the images next to one another, but when I go to the card, they still show below. Any ideas as to why? It’s not a size issue pushing it down, and it occurs when I disable all add-ons. I did update to the newest Anki version, but this started just before I updated.

---

<div class="post-metadata">

**Author:** ![kelciour](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/kelciour/32/14770_2.png) [@kelciour](https://forums.ankiweb.net/u/kelciour)\
**Post date:** [October 24, 2020, 9:49pm UTC](https://forums.ankiweb.net/t/image-organization-issue/4549/2 "2020-10-24T21:49:35Z")

</div>

Can you show the card template window, the Front or Back Template and the Styling section, or export one card and upload it somewhere? It can be done from the card browser using the Notes menu - Export Notes.

If everything is fine in the editor, maybe it’s some CSS rules in the Styling section. I can’t think of any other reason. Something like

```auto
img {
  display: block;
}

```

The issue can be investigated using [AnkiWebView Inspector](https://ankiweb.net/shared/info/31746032) add-on and [Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools/dom) to see what CSS rules were applied to img tags, especially the value of `display` attribute.

---

<div class="post-metadata">

**Author:** ![AnkiM2](https://avatars.discourse-cdn.com/v4/letter/a/848f3c/32.png) [@AnkiM2](https://forums.ankiweb.net/u/AnkiM2)\
**Post date:** [October 24, 2020, 10:34pm UTC](https://forums.ankiweb.net/t/image-organization-issue/4549/3 "2020-10-24T22:34:34Z")

</div>

I have uploaded the screenshots, I am not sure why I am randomly having this problem. It is from the same SketchyPathology deck that I have been using for months. Also, I am not the best with the technical aspects of Anki. Let me know if you need anything else. Thanks in advance!

 ![Anki Front](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/5/5725ccc5fc867ef636ebe3fa0eb9841288c8d164.png)  
 ![Anki Back](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/7/7d1a2a38e5cdff33f3c50603cda8a8c16ca94b19.png)  
 ![Anki Styling 1](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/d/da0c03c96b634d4677dc85405277b39dde1a4f1b.jpeg)  
 ![Anki Styling 2](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/f/f3b4440943d64a196a9c07b1b21b13ee6179076b.jpeg)  
 ![Anki Styling 3](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/8/8579fe43957b914245b10df577d2f4be93fc4f14.jpeg)

---

<div class="post-metadata">

**Author:** ![AnkiM2](https://avatars.discourse-cdn.com/v4/letter/a/848f3c/32.png) [@AnkiM2](https://forums.ankiweb.net/u/AnkiM2)\
**Post date:** [October 24, 2020, 10:35pm UTC](https://forums.ankiweb.net/t/image-organization-issue/4549/4 "2020-10-24T22:35:36Z")

</div>

This is how I want it to look:

 ![Anki Editor](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/a/a715e13bf53cbfd311df2111e1501c2222ec2415.jpeg)

This is how the cards actually look:

 ![Anki Actual Card](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/2X/a/afab2c0b4c1295db63ed5ab3739ddc48659c5b18.jpeg)

---

<div class="post-metadata">

**Author:** ![kelciour](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/kelciour/32/14770_2.png) [@kelciour](https://forums.ankiweb.net/u/kelciour)\
**Post date:** [October 24, 2020, 11:13pm UTC](https://forums.ankiweb.net/t/image-organization-issue/4549/5 "2020-10-24T23:13:34Z")

</div>

Try to replace `display: block;` with `display: inline;` for `img { ... }` in the Styling tab, i.e.

```css
.card {
 ...
}

.textstyling {
 ...
}

.mobile .night_mode .textstyling {
 ...
}

img {
    display: block;
    ...
}
...

```

to

```css
img {
    display: inline;
    ...
}

```

---

<div class="post-metadata">

**Author:** ![AnkiM2](https://avatars.discourse-cdn.com/v4/letter/a/848f3c/32.png) [@AnkiM2](https://forums.ankiweb.net/u/AnkiM2)\
**Post date:** [October 25, 2020, 5:05pm UTC](https://forums.ankiweb.net/t/image-organization-issue/4549/6 "2020-10-25T17:05:35Z")

</div>

Ahh, it worked! You saved me tons of time trying to figure this out. I appreciate your help!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/1X/8f1279ababc5879d54e4838989f606cfe55af8c7.jpeg) [@system](https://forums.ankiweb.net/u/system)\
**Post date:** [May 1, 2023, 5:25am UTC](https://forums.ankiweb.net/t/image-organization-issue/4549/7 "2023-05-01T05:25:40Z")

</div>