Выравнивание двух виджетов с css и html

Question

У меня есть два виджета, которые я хотел бы выровнять [http://i.stack.imgur.com/4q6Z4.png Как я могу согласовать их с css и html?

Answer 1

Быстрое исправление добавить следующий код CSS в твиттере контейнере:

.twitter-container { 
    position:relative; 
    top:5px; 
} 

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

Answer 2

Вы могли бы сделать что-то вроде этого :

HTML

<div class="clearfix"> 
    <div class="snippet-one"></div> 
    <div class="snippet-two"></div> 
</div> 

CSS

.clearfix { 
    display:table; 
    clear: both; 
    content: ''; 
} 
.snippet-one, 
.snippet-two { 
    float:left; 
}