Изображение и текст в одну строку.

29.01.2018

При построении нижеприведённого кода :



Отображается всё как хотелось бы....:



Тобежь как картинка так и текст в одной строке,и ничего не куда не убегает,не вниз не вверх...Но при написании длинных сообщений,менятся вид на :



Как можно избежать этой проблеммы?Как можно зделать что бы всё таки было всё в одну строку.Спасибо.

29.01.2018

Нужно ещё раз всё обернуть в div position:relative;. При этом иконку надо сделать сделать position:absolute; и текст с ником margin-left:100px;

Похожий пример есть на vmeste.eu комментарии к чему либо.

29.01.2018

или использовать flexbox, 2018 год на дворе))))

29.01.2018

Спасибо.Решение очень помогло,и даже получилось немного лучше чем я ожидал.Но появился новый вопрос,прошу не кидать сразу камни.Ник Mr™IIe4eHbK@ идёт в нижней строке...тобежь как на скриншоте Mr™IIe4eHbK@ Это моё сообщение (видно в общем логе)22:15:43,так и должно быть,но ник Lolita идёт в строке сообщений,можно ли этот ник перенести в нижнюю строку?