Css 三列和链接

这很奇怪。我有一个“包装器”，有三列，如下所示：

第一列有图片，第二列有文本，第三列有三个链接。如果第三个块只有文本而没有链接（请参见链接图片的顶部），则效果很好，但当我用文本创建链接时，文本不再并排（请参见链接图片的底部）

我就是不明白代码出了什么问题。即使是链接，第三列中的文本如何保持并排

css:

html:

我猜这是
第三个
类中的
float:right
声明。尝试从调整CSS开始，如下所示：

.wrapper{
margin-left: 45px;
margin-bottom: 4px;
overflow: hidden;
width: 466px;
height: 22px;
}

.first{
width: 22px;
float: left;
}

.second{
width: 266px;
float: left;
}

.third{
width: auto;
overflow: hidden;
}

这样就不需要使用正确的浮动div。希望它能把事情弄清楚。如果没有，我将修改我的答案

<div class="wrapper">
<div class="first><img src="image.gif" /> </div>
<div class="second"><p class="text1">Some text here</p></div>
<div class="third"><p class="text2"><a class="opt" href="http://">LINK 1</a> | <a class="opt" href="http://">LINK 2</a> | <a class="opt" href="http://">LINK 3</a></p></div>
</div>

.wrapper{
margin-left: 45px;
margin-bottom: 4px;
overflow: hidden;
width: 466px;
height: 22px;
}

.first{
width: 22px;
float: left;
}

.second{
width: 266px;
float: left;
}

.third{
width: auto;
overflow: hidden;
}