Html 为什么不是';显示内联工作?

Html 为什么不是';显示内联工作?,html,css,Html,Css,我这里的情况真的很奇怪。在过去的7个小时里,我一直在研究为什么我无法获得display:inline完全可以工作,除非它在我的主页上。似乎没有任何帮助 这是相关的编码 <!DOCTYPE html> <html> <head> <title>Contact Info</title> <link rel="stylesheet" type="text/css" href="style.css"/> <

我这里的情况真的很奇怪。在过去的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>
结果是两个项目(名称“***”和“返回”链接)彼此重叠出现。我试着把它列成一个清单,但没有效果。我试着让他们两个链接,但没有效果<代码>显示:内联块也没有效果。我所做的一切都不会对div类名产生任何影响。我尝试过多次更改div类的名称,但都没有效果

  • divs不应用于内联元素。您的意思是使用span

  • 有一个输入错误-它不应该有什么区别,但在“类”后面有一个不必要的空格:


  • 这里的问题是
    标记也是块级元素。一种解决方案是添加一种样式,使得
    .name
    div中的
    也是内联的

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

    最好更改html,使星号不包含在
    标记中

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

    请参见

    您期望的结果是什么?同一行应该是什么?一个我用****审查过的名字和一个写着“回去”的链接。名称中的两项非常感谢。他立即开始工作。
    <div class ="name">
    *****
    <a href="index.html">Go Back</a>
    </div>