Вот пример кода. Что нет так?
#.note_box{
padding: 3px;
border: 1px dotted #ffc539;
background-color: #ffdbdf;
margin-top: 3px;
float: left;
width: 100%;
text-align: left;
}
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуВот пример кода. Что нет так?
#.note_box{
padding: 3px;
border: 1px dotted #ffc539;
background-color: #ffdbdf;
margin-top: 3px;
float: left;
width: 100%;
text-align: left;
}
Потому что, то что вы все записи поставили в новую строку в коде ничего не значит. Он всё равно воспринимается, как одна строчка. Вот один из вариантов исправления
.note_box{
padding: 3px;
border: 1px dotted #ffc539;
background-color: #ffdbdf;
margin-top: 3px;
float: left;
width: 100px;
text-align: left;
}
span {display:block;}
<div class="note_box">
<span>22.12.2016 15:42 Загружен реестр ИМ</span>
<span>23.12.2016 17:00 Передано на сортировку</span>
<span>24.12.2016 02:16 Принято к доставке</span>
<span>24.12.2016 07:12 Отправлено в город назначения</span>
</div>
#.note_box
- нужно убрать решетку.br
- устанавливает перевод строки в том месте, где этот тег находится..note_box{
padding: 3px;
border: 1px dotted #ffc539;
background-color: #ffdbdf;
margin-top: 3px;
float: left;
width: 100px;
text-align: left;
}
<div class="note_box">
22.12.2016 15:42 Загружен реестр ИМ <br>
23.12.2016 17:00 Передано на сортировку <br>
24.12.2016 02:16 Принято к доставке <br>
24.12.2016 07:12 Отправлено в город назначения <br>
</div>