# Emoji auto break line?

**URL:** https://meta.discourse.org/t/emoji-auto-break-line/84431
**Category:** Support
**Created:** [4월 3, 2018, 3:12오전 UTC](https://meta.discourse.org/t/emoji-auto-break-line/84431 "2018-04-03T03:12:17Z")
**Posts on this page:** 1
**Showing post:** 5

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [4월 3, 2018, 8:56오전 UTC](https://meta.discourse.org/t/emoji-auto-break-line/84431/5 "2018-04-03T08:56:51Z")

</div>

I could be wrong, but did you use the code to center all images from this topic?

> [@What is the code for centering an uploaded image?](https://meta.discourse.org/t/what-is-the-code-for-centering-an-uploaded-image/77446/7):
>
> If the images are not wide enough they will stack horizontally like so: If you’re fine with losing this, then you can automatically center all images in posts using CSS. .lightbox-wrapper { display: block; text-align: center; } p\>img:not(.emoji){ display: block; margin: 0 auto; } The results would look like this:

If so, then the issue you’re facing is an unintended consequence.

You need to exclude emoji from the rules that center images, so change this:

```plaintext
.lightbox-wrapper {
    display: block;
    text-align: center;
}

p>img {
    display: block;
    margin: 0 auto; 
}

```

to this:

```plaintext
.lightbox-wrapper {
    display: block;
    text-align: center;
}

p>img:not(.emoji){
    display: block;
    margin: 0 auto; 
}

```

And the result will be:

 ![Capture2PNG](https://global.discourse-cdn.com/meta/original/3X/0/d/0daa3d05fcd43a2026dc02f482339f9973a7611d.PNG)

I will also edit my post in the topic.

---

_[View the full topic](https://meta.discourse.org/t/emoji-auto-break-line/84431)._