A display tulajdonság használata CSS-ben

Már tudod, hogy minden címke egy bizonyos blokkmodellhez tartozik. Szükség esetén azonban megváltoztathatod a modellt a display tulajdonság segítségével. A tulajdonság block értékével blokkszintűvé teheted az elemet, a inline értékkel pedig - inline-vá.

Tehát a span címkék viselkedjenek blokkszintű elemekként:

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

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

Most pedig a div címkék viselkedjenek inline elemekként:

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

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

Tegyük fel, hogy van néhány bekezdésed a HTML kódodban. Állítsd be, hogy inline elemekként viselkedjenek.

Tegyük fel, hogy van néhány hivatkozásod a HTML kódodban. Állítsd be, hogy blokkszintű elemekként viselkedjenek. Adj meg nekik szegélyt, szélességet és magasságot.