Otsikko (h1-h6) on block-elementti

div on block-elementti span on inline-elementti

Tekstiä span-elementin sisällä.

Otsikko h2 on muutettu inline-tyyppiseksi

Tekstiä span-elementin sisällä.

ul ja li ovat block-elementtejä. li on erikoistapaus, jonka display-ominaisuuden arvo on list-item. ul ja li ovat block-elementtejä. li on erikoistapaus, jonka display-ominaisuuden arvo on list-item. ul ja li ovat block-elementtejä. li on erikoistapaus, jonka display-ominaisuuden arvo on list-item. ul ja li ovat block-elementtejä. li on erikoistapaus, jonka display-ominaisuuden arvo on list-item, joka lisää listamerkin lohkon alkuun
ul ja li ovat block-elementtejä. li on erikoistapaus, jonka display-ominaisuuden arvo on list-item, joka lisää listamerkin lohkon alkuun

foo bar foo foo bar foo tässä divissä a-elementistä onkin tehty block a-elementti on oletuksena inline-elementti

CSS

HTML

<h1>Otsikko (h1-h6) on block-elementti</h1>
<div>div on block-elementti <span>span on inline-elementti</span></div>
<div>div on block-elementti <span class="block">span on inline-elementti</span></div>
<span>Tekstiä span-elementin sisällä.</span>
<h2 class="inline">Otsikko h2 on muutettu inline-tyyppiseksi</h2>
<span>Tekstiä span-elementin sisällä.</span>
<ul>
<li>ul ja li ovat block-elementtejä. li on erikoistapaus, jonka display-ominaisuuden arvo on list-item. ul ja li ovat block-elementtejä. li on erikoistapaus, jonka display-ominaisuuden arvo on list-item. ul ja li ovat block-elementtejä. li on erikoistapaus, jonka display-ominaisuuden arvo on list-item. ul ja li ovat block-elementtejä. li on erikoistapaus, jonka display-ominaisuuden arvo on list-item, joka lisää listamerkin lohkon alkuun</li>
<li>ul ja li ovat block-elementtejä. li on erikoistapaus, jonka display-ominaisuuden arvo on list-item, joka lisää listamerkin lohkon alkuun</li>
</ul>
<div>foo bar foo foo bar foo tässä divissä a-elementistä onkin tehty block <a class="block" href="https://appro.mit.jyu.fi/itkp1011/">a-elementti on oletuksena inline-elementti</a></div>

Otsikko (h1-h6) on block-elementti

Otsikko h2 on muutettu inline-tyyppiseksi

CSS

HTML

Javascript

Konsoli