在CSS中对齐线条

Question

在这里帮助一个CSS新手。我想要做的很简单。

正如我在图片中所说，我希望文本在同一行。我尝试了我能想到的一切。

这是index.php： http://pastebin.com/9LVVFgUZ 这是style.css： http://pastebin.com/v8Eius2A

感谢。

Answer 1

添加到.box_con a这些规则：float: left和width: 470px似乎可以获得您在图片中要求的内容。

Answer 2

原始代码：

.box_con a {
    color: #111111;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    padding-left: 14px;
    text-decoration: none;
    width: 470px;
}

移除浮动，使元素块级别并添加左边距，如下所示：

.box_con a {
    color: #111111;
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    margin-left: 150px;
    padding-left: 14px;
    text-decoration: none;
    width: 470px;
}

结果：