Ширина блока

Выравнивание блоков по ширине CSS

Свойство width устанавливает ширины элементов, которые могут быть, как блочные, так и строчные ( в том числе и ширину изображения ). Ширина элемента может задаваться в процентах, пикселях или автоматически.

Свойство width не учитывает толщину границ border вокруг элемента, величину отступов margin и полей padding.


width : 10%;
width : 260px;
width : auto;
width : inherit

10% – ширина элемента десять процентов.

260px – ширина элемента двести шестьдесят пикселей.

auto – автоматическая величина.

inherit – наследует значение родителя.

Как задать ширину блока в CSS 

HTML

<div class="width-block">
  Width
</div>



CSS

.width-block{
    width: 260px;
    height: 80px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border: 2px solid #333;
    background-color: #FC0;	
}