Div-tagi

Tagi div määrittää lohkon, joka yhdistää sisällään muita tageja. Itse tagi ei tee mistäään, mutta yhdessä attribuuttien class ja id kanssa se mahdollistaa kielen CSS kautta viittaamisen yhdistettyyn tagiryhmään.

Esimerkki

Ryhmitetään div-tagin avulla useita kappaleita ja sovelletaan ryhmään joitain tyylejä:

html<div id="elem">
  <p>teksti</p>
  <p>teksti</p>
  <p>teksti</p>
</div>

css#elem {
  color: red;
  padding: 10px;
  border: 1px solid black;
}

Результат:

Katso myös