css - 1 行に 2 つの複雑な div タグ

Question

私は2つのボタンを作成しました（ランダムなチュートリアルに従ってそれらを盗んだようなものです） http://cssdesk.com/bfwj9 私がしたいのは、これらの2つのボタンをこの方法で並べることです

1 つ選択してください: [play_button] [stop_button]

それらが同じ行になるようにするにはどうすればよいですか? 私はまったくの css 初心者ですが、これらの複雑な css コマンドをすべて読むのではなく、実行することで学んでいます。誰かが私を助けてくれますか？

Answer 1

#play_button
{
    float:left;
}

#stop_button
{
    float:left;
 }   

Answer 2

これを CSS に追加します。

#container_button { float: left; }

それらの間に少しスペースを追加するには、追加することもできmargin-right: 1em;ます.

これが機能する理由は、2 つのボタンがブロック レベルの要素であり、float互いに並べて配置できるためです。