html5 - divs not floating correctly -

so have 3 divs. want them float this: 1st /2nd /3rd in same line. code doesnt work. can me?

this code: html:

 <div id="holder"><h5>something</h5></div>  <div id="visual_holder">something2</div>  <div id="invest"><h2>something3</h2></div>   css:  #holder{          width:200px;           padding-right:48px;           padding-left:32px;          padding-top:32px;         display:inline-block;            }      #visual_holder{     font-family: "times new roman";     font-size:7.5em;     text-transform:uppercase;     line-height:60%;      float:right;     padding-top:32px;      }      #invest{float:right;} 

thank help!

shouldn't float left?

see example here , update needed: http://jsfiddle.net/trnpq/

#holder{          width:200px;           padding-right:48px;           padding-left:32px;          padding-top:32px;        float:left;            }      #visual_holder{     font-family: "times new roman";     font-size:1.5em;     text-transform:uppercase;     line-height:60%;      float:left;     padding-top:32px;      }      #invest{float:left;}