Πλάτος και Ύψος Στοιχείων στο CSS

Για τον καθορισμό του πλάτους και του ύψους των στοιχείων στο CSS προορίζονται οι ιδιότητες width και height. Οι τιμές αυτών των ιδιοτήτων, γενικά, καθορίζονται σε pixels. Τα pixels συμβολίζονται ως px και προστίθενται στον αριθμό. Για παράδειγμα, για να ορίσετε μέγεθος σε 100 pixels, η τιμή της ιδιότητας θα πρέπει να είναι η ακόλουθη: 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;
}

Δημιουργήστε στον κώδικα HTML παραγράφους με μακρύ κείμενο. Μέσω CSS ορίστε σε όλες τις παραγράφους πλάτος 300px.

Δίνεται ο ακόλουθος πίνακας:

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

Ορίστε στα κελιά αυτού του πίνακα πλάτος 400px και ύψος 300px.