Text und Button in einer Zeile ausrichten

[se-mephi]

Hallo,

ich möchte möglichst "gutes" css schreiben. Biser habe ich meist Tabellen benutzt um Elemente auszurichten. Aber das soll ja nicht so gut sein.

Ich möchte gern divs untereinander darstellen. In jedem div soll links ein button sein, und daneben text + vll mehrere kleine bildchen. Jetzt frage ich mich aber wie ich das am besten darstelle. Ohne css rutscht der text immer unter den button und mit float left im button, rutscht der text vom nächsten div über seinen button neben den button drüber. Oder soll ich dafür eine liste nehmen?

Das ganze sieht in etwa ao aus:

  
<div class="container">  
  <input type="button" value="play">  
  <div>  
    Text  
    und die Zeile darunter evt Bildchen  
  </div>  
  <img ... >  
</div>  
<div class="container">  
  <input type="button" value="play">  
  <div>  
    Text  
    und die Zeile darunter evt Bildchen  
  </div>  
  <img ... >  
</div>  

Sorry wenn die Fragestellung vll etwas komisch ist, aber mit css bin ich nicht sogut befreundet *g*