Я хочу, чтобы сообщение начиналось справа от имени и продолжалось ниже, если оно слишком длинное.
.. как второй текст, но он короткий ..
php;
echo'
<div class = "chatpos">
<div class = "namec">'.$resnamec['username'].'</div>
<div class = "msgc">'.$reschat['message'].'</div>
</div>';
}
CSS;
.chatpos {
position: relative;
width: 90%;
min-height: 30px;
float: right;
}
.namec {
display: inline-block;
position: relative;
text-align: center;
color: #9aefd8;
text-decoration: none;
font-size: 12px;
font-weight: 600;
padding-left: 2px;
padding-right: 2px;
transition: all 0.3s ease-in-out;
letter-spacing: 0px;
}
.msgc {
display: inline-block;
word-wrap: break-word;
position: relative;
}
Класс msgc
установлен на display: inline-block
. Вместо этого он должен быть установлен на display: inline
. Вот так:
.msgc {
display: inline;
}
Проверьте эта рабочий пример, чтобы убедиться, что это то, что вам нужно.
Оглядываясь назад, я считаю, что более надежным подходом было бы установить для msgc
и namec
значение display: block
. Кроме того, вы можете установить namec
на float: left
, например:
.namec {
display: block;
float: left;
margin-right: 5px;
color: blue;
}
.msgc {
display: block;
text-align: justify;
}
Проверьте эта обновленная рабочий пример.
Проблема не повторяется с предоставленным вами кодом. пожалуйста, предоставьте точный код, где отображается ваша проблема