Html Css对齐螺钉

因此html代码如下所示

<ul class="tabs" data-persist="true">
    <li class="tab1"><a href="#view1">Dusk Drive</a></li>
    <li class="tab2"><a href="#view2">Imagini</a></li>
    <li class="tab3"><a href="#view3">Despre joc</a></li>
</ul>

它生成一个图形作为

而不是

只有黄色背景的“Despre joc”才是最糟糕的

---

我只是想不出如何将它与其他两个的对齐

使用

清除：在列表选项卡之后同时使用

<div class="clear"></div>

.clear {
   clear:both;
}


.清楚{
明确：两者皆有；
}
编辑您的css

li.tab3 {
float: left;
background-image: url("images/tab_left1.png");
background-position: 0px 0px;
background-color: #ffffcc;
border-radius: 5px 0px 0px 0px;

}
提供一个指向jsfiddle的链接相同的结果第三个选项卡未对齐您需要在ul关闭后添加此链接
li.tab3 {
float: left;
background-image: url("images/tab_left1.png");
background-position: 0px 0px;
background-color: #ffffcc;
border-radius: 5px 0px 0px 0px;