html - 内容不会与向左浮动的 div 的标题标签左对齐

Question

我正在尝试将内容添加到无序列表的右侧，但希望它与列表左对齐（即向左浮动）。当我只添加段落和图像时，它可以正常工作，但如果我使用标题标签，它会将所有内容推到列表的底部。

见： http: //www.advantly.com/guides/features/

左边的无序列表向左浮动

<div id="vertmenu" style="float: left;">

style.css 中标题标签的样式如下：

h1,h2,h3,h4,h5,h6 { clear: both }
.clear { clear: both }
.clearfix:after {
  display: block;
  visibility: hidden;
  content: ".";
  clear: both;
  text-indent: -9999px;
  height: 0;
}

感谢任何可以提供帮助的人！

Answer 1

试试这个：

#vertmenu {
    float:left;
    width:200px;
}

#benefits-content {
    margin-right:210px;
}

Answer 2

您可以将其添加到您的标题 css 中：

display: inline-block;

这是你的#commentsbox。

clear: both;

Answer 3

你为什么不把内容也浮起来呢？尝试将其添加到您想要右侧的内容的容器中：

float: left;
width: 600px;

Answer 4

这是一个非常基本的示例，说明如何浮动位于容器元素中的几个元素。以此为指导，您应该不会错太多。

http://jsfiddle.net/N3FPJ/