css - 一行上有两个复杂的 div 标签

Question

我创建了两个按钮（更像是通过随机教程偷走了它们） http://cssdesk.com/bfwj9 我想做的是以这种方式并排放置这两个按钮

选择一项：[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;.

这样做的原因是您的两个按钮是块级元素，并float允许它们并排放置。