Menggunakan Sifat display dalam CSS

Anda sudah tahu bahawa semua tag tergolong dalam model blok tertentu. Walau bagaimanapun, jika dikehendaki, model boleh ditukar menggunakan sifat display. Dengan nilai block bagi sifat ini, elemen boleh dijadikan sebagai elemen blok, dan dengan nilai inline - sebagai elemen sebaris.

Mari kita buat supaya tag span berkelakuan seperti elemen blok:

<span>text</span>
<span>text</span>
<span>text</span>

span {
	display: block;
	width: 100px;
	height: 100px;
	border: 1px solid red;
	margin-bottom: 20px;
}

Sekarang mari kita buat supaya tag div berkelakuan seperti elemen sebaris:

<div>text</div>
<div>text</div>
<div>text</div>

div {
	display: inline;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

Katakan dalam kod HTML anda terdapat beberapa perenggan. Buat supaya mereka berkelakuan seperti elemen sebaris.

Katakan dalam kod HTML anda terdapat beberapa pautan. Buat supaya mereka berkelakuan seperti elemen blok. Tetapkan sempadan, lebar dan tinggi untuk mereka.