CSS-is display omadusega töötamine
Te juba teate, et kõik sildid kuuluvad kindlasse
plokkmudelisse. Soovi korral saab siiski
mudelit muuta kasutades omadust display.
Selle omaduse väärtusega block
saab elemendi muuta plokks, ning väärtusega
inline - reas elemendiks.
Teeme nii, et span sildid
käituksid nagu plokielemendid:
<span>text</span>
<span>text</span>
<span>text</span>
span {
display: block;
width: 100px;
height: 100px;
border: 1px solid red;
margin-bottom: 20px;
}
:
Ja nüüd teeme nii, et div sildid
käituksid nagu reaelemendid:
<div>text</div>
<div>text</div>
<div>text</div>
div {
display: inline;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
Olgul teie HTML koodis mitu lõiku. Tehke nii, et nad käituksid nagu reaelemendid.
Olgul teie HTML koodis mitu linki. Tehke nii, et nad käituksid nagu plokielemendid. Määrake neile piir, laius ja kõrgus.
