Lățimea și înălțimea elementelor în CSS

Pentru stabilirea lățimii și înălțimii elementelor în CSS sunt destinate proprietățile width și height. Valorile acestor proprietăți, de regulă, sunt stabilite în pixeli. Pixelii sunt notați ca px și se adaugă la număr. De exemplu, pentru a stabili dimensiunea de 100 de pixeli, valoarea proprietății trebuie să fie următoarea: 100px.

Să vedem funcționarea acestor proprietăți pe un exemplu. Să stabilim celulelor unui tabel o lățime de 200px și o înălțime de 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;
}

Creați în codul HTML paragrafe cu text lung. Prin mijloace CSS setați tuturor paragrafelor lățimea de 300px.

Este dat următorul tabel:

<table border="1">
	<tr>
		<td>John</td>
		<td>Smith</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Nick</td>
		<td>Mayers</td>
		<td>300$</td>
	</tr>
	<tr>
		<td>Alex</td>
		<td>Jonson</td>
		<td>400$</td>
	</tr>
</table>

Stabiliți celulelor acestui tabel o lățime de 400px și o înălțime de 300px.