proste układanie napisów w divie

0

Witam, chciałbym zapytać o rade kogoś kto orientuje się w temacie. Chciałbym w jednym divie o określonych wymiarach umieścić kilka różnych słów, bez znaczenia kolejność, ważne że są to słowa różnych rozmiarów, chciałbym aby dopasowały się równo do nadrzędnego diva w którym są wywoływane, aby tak by równiutko wypełniły ten obszar, naradzie mam cos takiego:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style>
.calosc { background:#F00; width:800px; height:200px; font-family: "verdana", sans-serif;
font-size: 20px;
text-align: justify;
letter-spacing: 9pt;
word-spacing: -10.6pt;
line-height: 1.2; margin:0px; padding:0px}
h1 { float:left; background:#903; margin: 0 0 0 0; padding: 0 0 0 0; }
h2 { float:left; background:#006; margin: 0 0 0 0; padding: 0 0 0 0;}
h3 { float:left; background:#999; margin: 0 0 0 0; padding: 0 0 0 0;}
h4 { float:left; background:#0F0; margin: 0 0 0 0; padding: 0 0 0 0;}
</style>
<body>
<div class="calosc">
<h1>Ogłoszenia Moje</h1>
<strong>siemano</strong>
<h1>zarabisy melanż</h1>
<h2>auto osobowe</h2>
<h3>ola</h3>
<strong>siemano</strong>
<h2>auto</h2>
<h1>Ogłosze</h1>
<h3>ola</h3>
<h3>ola</h3>
<strong>siemano</strong>
</div>
</body>
</html>
0

narysuj może o co Ci chodzi, bo na razie nie wiem, kod wrzuć na jsbin.com, będzie łatwiej Ci pomagać

1 użytkowników online, w tym zalogowanych: 0, gości: 1