Doğrudan etiket üzerine css yazma çok tercih edilen bir yöntem değildir. fakat nadiren de olsa kullanılmaktadır.
Örnek Kullanım
[code language=”html”]
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>
elementin(tag-etiket) üzerine css yazma
</title>
</head>
<body>
<div style="width:1000px; height:120px; margin-right:auto;margin-left:auto;background-color:#ff5c26;">
header(üst)
</div>
<div style="width:1000px; height:350px; margin-right:auto;margin-left:auto;background-color:#f0f0e1;">
<div style="float:left;width:700px; height:200px; background-color:#dfffbf;">
content left(içerik sol)
</div>
<div style="float:left;width:300px; height:280px; background-color:#dfffbf;">
content rigt(içerik sağ)
</div>
</div>
<div style="width:1000px; height:100px; margin-right:auto;margin-left:auto;background-color:#73dcff;">
footer(alt)
</div>
</body>
</html>
[/code]
