Gap из CSS

Question

У меня есть проблема на этой странице:

http://www.endorio.cz/develop/cz/

Зеленые кнопки «Detail poptávky» и «Деталь nabídky» выровненные с текстом на левой стороне, так что создать зазор.

Вы можете увидеть его на 5-й пункт: Zvěřínek, Česká Republika -> Бероун, Česká Republika

Как я привести его к верхней части каждой коробке?

Answer 1

переместить ваш div class="span2" в header элемент, как это:

<header class="clearfix"> 
    <a href="#" class="button green left">Poptávka</a> 
    <h3 class="left">keswick -&gt; praha</h3> 
    <div class="span2"> // THIS ELEMENT GETS MOVED HERE 
     <!--<div class="cicon cicon_rating cicon_rating4"></div>--> 
     <a href="user-0" class="button green">Detail poptávky</a> 
    </div> 
</header> 

и удалить CSS

#section_mainlist .c_mainlist > article .span2 { 
    text-align: center; 
    /* margin: -111px 0px 0px !important; */ /*<<COMMENT THIS OUT OR REMOVE IT*/ 
}