Продолжаем работать с блоками. Теперь нашей задачей есть научиться менять размеры блоков в css. На данный момент блок занимает все допустимое ему пространство. Как же изменить ширину блока? Для этого давайте воспользуемся свойством width, которая отвечает за ширину элемента. Переходим в таблицу стилей. И для заголовка в блоке header пишем.
width:550px;
Мы видим, что наш блок стал шириной 550 пикселей и контент автоматически переносится на следующую строку.
Если мы добавим к нашему заголовку еще текста, то блок увеличится автоматично. Мы видим, что наш блок автоматически увеличивается по высоте. По ширине он не изменяется.
Что произойдет, если мы зададим жесткую высоту?
width:550px;
Мы видим, что наш блок стал шириной 550 пикселей и контент автоматически переносится на следующую строку.
Если мы добавим к нашему заголовку еще текста, то блок увеличится автоматично. Мы видим, что наш блок автоматически увеличивается по высоте. По ширине он не изменяется.
Что произойдет, если мы зададим жесткую высоту?