使用CSS定位按钮而不使用表格

我在这里尝试让CSS只定位少数html元素

代码如下：

我想要的是“person@business.com[v]“位于右上方，然后在其下方”“平均深度”“、[x]设置”和“过去24小时[v]”都显示在同一级别。我尝试过浮动，结果很奇怪。我不想在这里使用表，因为我读到的关于CSS的所有内容都表明使用表进行布局是一个糟糕的解决方案。

元素使用

显示：内联

，而

元素默认使用

块

。手动覆盖#图形标题以使用

display:inline

，它将与其余元素对齐：

#graph-title
{
    display:inline;       
}
​

元素使用

显示：内联

，而

元素默认使用

块

。手动覆盖#图形标题以使用

display:inline

，它将与其余元素对齐：

#graph-title
{
    display:inline;       
}
​

---

您的问题可能是使用了

h1

元素。默认情况下，

h1

具有样式

display:block

。如果添加样式

display:inline

，就可以了

编辑：

---

如果没有任何特殊原因，我认为您应该使用

span

。

您的问题可能是使用

h1

元素。默认情况下，

h1

具有样式

display:block

。如果添加样式

display:inline

，就可以了

编辑：

---

如果你没有任何特殊的理由，我想你应该用

span

来做这件事。。 这是一个小办法。。这不是很好，但它现在可以解决你的问题

[链接]

---

​

它不像你想象的那样凝灰岩。。 这是一个小办法。。这不是很好，但它现在可以解决你的问题

[链接]

---

​

尝试发布所需外观的图像，这样人们在回答问题时更容易理解。尝试发布所需外观的图像，这样人们在回答问题时更容易理解。默认情况下，H1元素为

块

，非

内联块

。H1元素默认为

块

，而非

内联块

。

​#graph-title {
   position:absolute;
   left:1px;
   text-align: left;
}

#settings-container {
   text-align: right;
   }    

 #user-selection {
    text-align: right; 
  }