верстка div

<div class='topMenu'><a href=''>1</a></div>
<div class='topMenu'><a href=''>2</a></div>
<div class='topMenu'><a href=''>3</a></div>
<div class='topMenu'><a href=''>4</a></div>
<div class='topMenu'><a href=''>5</a></div>
Для класса topMenu в css прописанно:
.topMenu {float:left;clear:right;}
Получается все в одну строку, а вот при сжатии окна браузера нужно чтобы блоки перескакивали на новую строку
Как правильно прописать css или в html коде что-то изменить

Может, не стоит пока начинать верстать без таблиц?
float: left; clear: right; запрещает им переносится. Напомним, убери clear: right.
Что тебе помешало задать стили сразу для <a> или, для одного поразительного общего контейнера?

есть решени, прекрасное просто прописать clear:none;
и всё правильно переносится

Точно рано еще.
Я тебе тоже самое сказал, только более верную реализацию.

Хорошо может, не стоит пока начинать верстать без таблиц?
Стоит CSS.

а не лучше сначала познать азы, а потом уже начинать?
Код в первом посте долго ужасен.

Куд ужасненький, не спорю сделать сайт. Но азы надо с чего-то начинать постигать.
А потом придти к семантической верстке. И вместо div применеть нужные элементы.

Кост, меню - это не список. Важно заметить, просто иногда его удобно сделать списком.
Однако, таблицы точно не подойдут, потому что ему надо, чтоб на новую строку переносились сделать сайт.
Rubanok, в твоем примере тебе вообще никакие div'ы и классы не нужны, пиши просто так:
<a href="1">1</a>
<a href="3">2</a>
<a href="2">3</a>
Они у тебя будут прекрасно переноситься на новую строку