Плавающий текст в правой CSS

Question

Как я могу плавать этот текст здесь:

HTML:

<div id="rightSide"> 
    <legend>Note:</legend> 
    <p> If selecting recurrence please specifiy when the recurrence ends with the Final Date (the last and final date of the event) field.</p> 
</div> 

CSS:

#rightSide { 
    background-color:#eee; 
    width:20em; 
    padding:5px; 
    padding-right:-20em; 
    margin:0 auto; 
    float:right; 
    border:1px solid #CCC; 
    font:normal 12px Arial; 
    color:#666666 
} 

Answer 1

добавить этот Div после "Заголовок" и сделать все остальные погружения, кроме «Примечание» div float left

Answer 2

Я знаю, что на это был дан ответ, но хотите, чтобы вычеркните что-то, что я использую, для вызова макетов, которое называется http://960.gs. Он будет обрабатывать необходимость очищать эти поплавки, а также красиво размещать все, что вам нужно.

Answer 3

сделать левый и правый столбцы display:inline-block;vertical-alignment:top;