.element {
font-weight: bold;
}
.svojstvo {
font-style: italic;
}
.vazno {
font-weight: bold;
}
.predmet {
font-style: italic;
}
.greska {
text-decoration: underline;
}
.ponistenje {
text-decoration: line-through;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Uvod u logičko formatiranje</title>
<style>
.element {
font-weight: bold;
}
.svojstvo {
font-style: italic;
}
.vazno {
font-weight: bold;
}
.predmet {
font-style: italic;
}
.greska {
text-decoration: underline;
}
.ponistenje {
text-decoration: line-through;
}
</style>
</head>
<body>
<h3>Uvod u logičko formatiranje</h3>
<p>U ovom odeljku ilustrujemo formatiranje teksta pomoću elementa span i CSS-klasa.</p>
<p>Ne koristimo element <span class='element'>b</span> već CSS-svojstvo <span class='svojstvo'>font-weight</span>: važan tekst <span class='vazno'>Obratite pažnju!</span>.</p>
<p>Ne koristimo element <span class='element'>i</span> već CSS-svojstvo <span class='svojstvo'>font-style</span>: ime predmeta <span class='predmet'>Digitalni tekst 2</span>.</p>
<p>Ne koristimo element <span class='element'>u</span> već CSS-svojstvo <span class='svojstvo'>text-decoration</span>: uočena <span class='greska'>greška u tekstu</span>.</p>
<p>Ne koristimo element <span class='element'>s</span> već CSS-svojstvo <span class='svojstvo'>text-decoration</span>: <span class='ponistenje'>poništava se</span>.</p>
</body>
</html>