Breedte en hoogte van elementen in CSS

Voor het instellen van de breedte en hoogte van elementen in CSS zijn de eigenschappen width en height bedoeld. De waarden van deze eigenschappen worden over het algemeen opgegeven in pixels. Pixels worden aangeduid als px en toegevoegd aan het getal. Om bijvoorbeeld een grootte van 100 pixels in te stellen, moet de waarde van de eigenschap als volgt worden opgegeven: 100px.

Laten we de werking van deze eigenschappen bekijken aan de hand van een voorbeeld. Laten we enkele tabelcellen een breedte van 200px en een hoogte van 100px geven:

<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;
}

Maak alinea's met lange tekst in de HTML-code. Stel met CSS voor alle alinea's een breedte in van 300px.

Gegeven de volgende 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>

Stel voor de cellen van deze tabel een breedte in van 400px en een hoogte van 300px.