在CSS中對齊線條

Question

幫助CSS新手在這裏。我想要做的事很簡單。

正如我在圖像中說，我希望文本在同一行。我試過了我能想到的一切。

這裏是index.php文件： http://pastebin.com/9LVVFgUZ 這裏是style.css中： http://pastebin.com/v8Eius2A

感謝。

Answer 1

原始代碼：

.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; 
} 

結果：

Answer 2

添加到.box_con a這些規則：float: left和width: 470px似乎得到你在圖像中要求的。