Css for emoji img tags in display flex

Question

I have editable content div with emojiareaone integrated
To center the content i used

{
   display: flex;
   flex-direction: column;
   align-items: center;
   align-content: center;
   text-align: center;
}

it displays test in right positions but

all emojis tags in separate rows

is there any way to display as it was entered

Answer 1

You Can try This .

  emoji-tag {
    display:inline-block;
    float:left;
}