Arbeit mit der display-Eigenschaft in CSS

Sie wissen bereits, dass alle Tags zu einem bestimmten Blockmodell gehören. Bei Bedarf kann man jedoch das Modell mit der Eigenschaft display ändern. Mit dem Wert block dieser Eigenschaft kann ein Element blockartig gemacht werden, und mit dem Wert inline - inline.

Lassen Sie uns span-Tags so verhalten lassen wie Blockelemente:

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

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

Und nun lassen Sie uns div-Tags so verhalten lassen wie Inline-Elemente:

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

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

Angenommen, Sie haben mehrere Absätze in Ihrem HTML-Code. Sorgen Sie dafür, dass sie sich wie Inline-Elemente verhalten.

Angenommen, Sie haben mehrere Links in Ihrem HTML-Code. Sorgen Sie dafür, dass sie sich wie Blockelemente verhalten. Weisen Sie ihnen einen Rahmen, eine Breite und eine Höhe zu.