Ширина и высота элементов в CSS

Для задания ширины и высоты элементов в CSS предназначены свойства width и height. Значения этих свойств, как правило, задаются в пикселях. Пиксели обозначаются как px и добавляются к числу. Например, чтобы задать размер в 100 пикселей, значением свойства следует указать следующее: 100px.

Посмотрим на работу этих свойств на примере. Зададим ячейкам какой-нибудь таблицы ширину в 200px и высоту 100px:

<table border="1">
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
	<tr>
		<td>4</td>
		<td>5</td>
		<td>6</td>
	</tr>
	<tr>
		<td>7</td>
		<td>8</td>
		<td>9</td>
	</tr>
</table>
td {
	width: 200px;
	height: 100px;
}

<p>
	This is a paragraph with text.
</p>
p {
	text-align: right;
}

Результат выполнения кода: