вопрос
Помогите пожалуйста решить 1 проблему есть код css он создает блок с закругленными углами и тенью. Все отлично работает во всех браузерах, но только 1 строчка, все остальные строчки вылетают за блок??? Т.е. 1 первая строчка текста все отлично а все другие строки(2,3 и тд.) вылетают за пределы этого блока
Вставляется на сайт через
#block
{
width: 50em;
height: 10em;
line-height: 10em;
margin: 0 auto;
background: #9FDCF2;
text-align: left;
border:2px solid #FF0000;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 5px 5px 10px #A8A8A8;
-moz-box-shadow: 5px 5px 10px #A8A8A8;
-webkit-box-shadow: 5px 5px 8px #A8A8A8;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9FDCF2), to(#D0EEF9));
background: -moz-linear-gradient(#9FDCF2, #D0EEF9);
background: linear-gradient(#9FDCF2, #D0EEF9);-pie-background: linear-gradient(#9FDCF2, #D0EEF9);
behavior: url(PIE.htc); /* for IE */
Вставляется на сайт через
<div id="block"> ВОТ ЗДЕСЬ ТОЛЬКО 1 СТРОКА ВСЕ ОСТАЛЬНОЕ ВЫЛЕТАЕТ ЗА ПРЕДЕЛЫ БЛОКА </div>
Уберите height: 10em;
или замените на min-height: 10em;
или замените на min-height: 10em;