Выравнивание элемента под изображением

[Delat]

Есть двухколоночный макет, есть DLE, есть статья с изображением и категория к которой она принадлежит.

Не могу разобраться как категорию прижать к концу статьи (место обозначил зелёным).

<span class=catclear><small class=categoryfullstory>Категория:</small> {link-category}</span>

span.catclear {	      clear:both;	      font-family:Courier New;	      }

 

И почему, когда у категории вместо <span class=catclear> стоит <div class=catclear>, то категория сползает вниз.

 

[Xenia Wanger]

 

И почему, когда у категории вместо <span class=catclear> стоит <div class=catclear>, то категория сползает вниз.

 

Видимо потому, что span - строчный элемент, а div - блочный

[Delat]

 

 

И почему, когда у категории вместо <span class=catclear> стоит <div class=catclear>, то категория сползает вниз.

 

Видимо потому, что span - строчный элемент, а div - блочный

 

 но это не решает проблемы и со span и div - блок категория не на заланированном месте

[Delat]

Кто нибудь знает в чем может быть проблема? Почему линк "Подробнее" со свойством

clear:both 

не хочет прижиматься к нижней границе картинки.

 

[Светлана Г.]

Поставьте <span> с категорией в общий блок с картинкой - тогда категория будет точно под картинкой. Если же нужно, чтобы категория была под текстом, тогда поместите в общий блок картинку и текст, и этому общему блоку задайте overflow:hidden;

Edited February 28, 2014 by Светлана Г.

[Delat]

Поставьте <span> с категорией в общий блок с картинкой - тогда категория будет точно под картинкой. Если же нужно, чтобы категория была под текстом, тогда поместите в общий блок картинку и текст, и этому общему блоку задайте overflow:hidden;

всё получилось, спасибо!!

Edited February 28, 2014 by Delat