2
Это мой CSS:HTML элемент фона горизонтальной прокрутки ошибка
.content {
background-color: #fff;
position: relative;
margin: 45px 10px 0px 10px;
}
#logData {
font-family: "Courier New";
font-size: 13px;
line-height: 1.3;
margin-left: 0px;
color: #000;
}
.logMess {
color:#000;
padding: 4px 5px 2px 3px;
min-width: 100%;
}
.logMessBg {
color:#000;
padding: 4px 5px 2px 3px;
min-width: 100%;
background: rgb(245, 245, 245);
}
И это HTML:
<div class="content">
<div id="logData">
<p class="logMessBg">some loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong text</p>
<p class="logMess">some loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong text</p>
</div>
</div>
И проблема с горизонтальной прокрутки. Потому что backgroud заканчивается, когда заканчивается текст <p class="logMessBg">
, но я хочу, чтобы он закончился, когда заканчивается самый длинный текст <p>
. Итак, я хочу, чтобы ширина фона была шириной.
Вот экран: