爲什麼不顯示內聯工作？

我在這裏有一個非常奇怪的情況。我花了最近7個小時研究爲什麼我不能讓display: inline;工作，除非它在我的主頁上。似乎沒有任何幫助。爲什麼不顯示內聯工作？

這裏是相關的編碼。

<!DOCTYPE html> 
<html>  
<head> 
    <title>Contact Info</title> 
    <link rel="stylesheet" type="text/css" href="style.css"/> 
</head> 
<body> 

    <div class="name"> 
    <p>*****<p> 
    <a href="index.html">Go Back</a> 
    </div> 

    <div class="contact"> 
    <p> 
     <span style="color:#000000">By Phone:</span> 
     <a href="tel:*******">**********</a> 
    </p> 
    <p> 
     <span style="color:#000000">By Email:</span> 
     <a href="mailto:****@***.ca">****@****.ca</a> 
    </p> 
    <p> 
     <span style="color:#000000">By Mail:</span> 
     <span style="color:#3300cc">***************</span> 
    </p> 
    </div> 

</body>

這裏是CSS。

.name { 
    display: inline; 
}

結果是兩個項目（名稱「****」和「返回」鏈接）相互重疊。我試圖將它列入清單，但沒有任何效果。我試圖讓他們兩個鏈接，但沒有效果。 display: inline-block;也沒有影響。我做的沒有任何影響div類的名稱。我試過幾次改變div類的名字沒有效果。

來源

2015-04-07 Daniel Brow

什麼是你想要的結果？什麼應該在同一行？ –

一個名字，我與****審查和鏈接說回去。名稱中的兩個項目div –

這裏的問題是在<p>標籤也是塊級元素。一個解決辦法是增加一個風格使得.name DIV內的<p>還內嵌

.name, .name p {display: inline;}

見https://jsfiddle.net/t0z2p9bn/

這將是更好地改變你的HTML，使得明星們未包含在<p>內標記

<div class ="name"> 
***** 
<a href="index.html">Go Back</a> 
</div>

見https://jsfiddle.net/t0z2p9bn/1/

來源

2015-04-07 02:07:37

非常感謝。馬上工作。 –

DIV不是應該用於內聯元素。您是否想要使用範圍？
有一個錯字 - 它不應該有所作爲，但有一個不必要的空間「下課」後，在這裏：

<div class ="name">

來源

2015-04-07 02:03:49 MGOwen

爲什麼不顯示內聯工作？

回答

相關問題