为什么不显示内联工作？

我在这里有一个非常奇怪的情况。我花了最近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

为什么不显示内联工作？

回答

相关问题