Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Элемент вылезает за пределы блока
 
 автор: Mookapek   (01.04.2010 в 21:57)   письмо автору
 
 


<html>
<head>

<style>
div{
    border-style:solid; border-width:1px;
   }
span{
     padding:5px; border-style:solid; border-width:1px; 
    }
</style>

</head>
<body>


<div><span>Текст</span>
</div>


<body>
</html>


Собственно такой код. Текст, заключенный в тег span, который в свою очередь имеет свойство padding:5px, вылезает за пределы родительского блока.
Как сделать, чтобы родительский блок растягивался вслед за элементом, который он содержит?

  Ответить  
 
 автор: АЯ   (02.04.2010 в 00:29)   письмо автору
 
   для: Mookapek   (01.04.2010 в 21:57)
 

span{
     padding:5px; border-style:solid; border-width:1px; display: inline-block;
    } 

  Ответить  
 
 автор: Mookapek   (02.04.2010 в 00:46)   письмо автору
 
   для: АЯ   (02.04.2010 в 00:29)
 

Спасибо.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования