html li的浮动问题

我在这里有一个网站：但是我在内容页上有一个问题，我有两个

在下面，一个在旁边浮动。但它只在第二个旁边浮动。如何使我浮在第一个

旁边

看起来是这样的。
CSS（我当前使用的内容）：

所以我需要做的是使3
堆栈正确，如何在css中实现这一点

非常感谢
这是因为包含右列的
ul
具有
display:block

更改为
显示：内联块.sub-info2
的
ul
上的code>，并移除
.sub-info2
上的
宽度

像这样（内联样式，但你会明白这一点）：





您必须将您的
ul
包装成一个div，然后使其浮动在它旁边。首先将css更改为：

.sub-info {
    display: inline;
    position: relative;
    width: 95%;
    margin-bottom: 25px;
    margin-right: 1%;
    padding-left: 3%;
    float: left;
}

然后在
li.body部分
，将前两个
ul
包装成一个
div
，将最后一个
ul
放在外面，如下所示：

<div class="wrapper">
   <ul></ul>
   <ul></ul>
</div>
<ul></ul>

我相信你想要这样的东西：
请在此处添加有意义的代码和问题描述。不要只是链接到需要修复的站点——否则，一旦问题解决或者你链接到的站点无法访问，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！您好，我添加了我目前使用的CSS，以显示它当时的样式。您还需要添加相关的HTML。这对我不起作用，它将右侧列移动到中心，使其变得很小。宽度非常感谢您这项工作进行了一些调整（我必须设置div的宽度），首先
没有关闭。应该是
。试图编辑，但显然编辑长度为6个字符或更多。有用！：）@汤姆肯特尔呜呜，打字错误！编辑：）@Deckerz不客气！div宽度将根据.sub信息宽度设置。这就是为什么我把95%放在css中：）啊，由于某种原因，div宽度没有被设置。
.sub-info {
    display: inline;
    position: relative;
    width: 95%;
    margin-bottom: 25px;
    margin-right: 1%;
    padding-left: 3%;
    float: left;
}

<div class="wrapper">
   <ul></ul>
   <ul></ul>
</div>
<ul></ul>

.wrapper {
   float : left;
}