Дивы сломали мне голову!

[rcoma]

Люди добрые! помогите уже. Выбешивают меня эти дивы. Я ни как не въеду почему да как тут у них.

Суть на картинке. Первая строка переносится так что обтекает время.

Эта же строка третья снизу нарисована фотошопе так как я хочу увидеть ее в браузере. аккуратный перенос.

Я перепробовал сто тысяч комбинаций всех которые знаю. но ни как не добился результата.

вот один из вариантов (в какие вложенные дивы я их только не пихал, как только не прилеплял)

<li><div id="map-time"><?php the_time('d/m/y')?></div><div id="map-name"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></div></li>

Буду очень благодарен за помощь, а еще больше если кто вдолбит мне концепцию этих дивов. почему я не могу прилепить их к левой стене по очереди..

Edited November 9, 2011 by rcoma

[SelenIT]

http://cssing.org.ua/2010/04/26/overflow-hidden/

[Justnewone]

можно еще .map-time флоат и клир а .map-name просто флоат