CSS. Высота и ширина элемента.

     Для определения высоты и ширины элемента используются свойства height и width. Для наглядности будем использовать атрибут <div> с заполнением background: orange и рамкой border: 1px solid black.

Пример:

<html>
  <head>
    <title>Пример</title>
    <style type="text/css">
       .box{
height: 400px;
width: 200px;
border: 1px solid black;
background: orange;
}
    </style>
  </head>
<body>
   <h4>бокс высотой 400px, шириной 200px  </h4>
  <div  class="box">
Увлекательнейшая онлайн-игра, действие которой разворачивается в фэнтези мире Фэо. На протяжении многих лет здесь идет война между людьми и магмарами. Два великих дракона стоят на страже интересов обеих рас. Нет силы, способной противостоять мощи гигантов, но когда приходит хаос, даже они не в силах сдерживать зыбкий баланс сил.
   </div>
</body>
</html>
 

Результат: (открыть в браузере)

 
Загрузка...