Html 为什么不是';显示内联工作?
我这里的情况真的很奇怪。在过去的7个小时里,我一直在研究为什么我无法获得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"/> <
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>