gpt4 book ai didi

html - 我的段落不会上下移动;

转载 作者:太空宇宙 更新时间:2023-11-03 23:37:21 25 4
gpt4 key购买 nike

我试图让我的段落 (#home) 移动到灰色框的中间,但无论如何它都不会移动。我已经尝试将边距更改为填充,并使边距上下变化,甚至使其高得离谱,例如 1000。请帮忙。这是我的代码:

HTML:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="BrokenRecordNew.css" />
<title>Broken Record</title>
</head>
<body>
<div id="tabsattop">
<p id="home">Home</p>
<a href="BrokenRecordNew.html"><img id="logo" src="http://www.freevector.com/site_media/preview_images/FreeVector-Antique-Record-Player.jpg"><a>
</div>


</body>
</html>

CSS:

html { 
background: url("http://theband.hiof.no/band_pictures/band_mfbp_back.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


#tabsattop{
background-color: black;
opacity: .8;
margin-top:-7px;
margin-right: -5px;
margin-left: -5px;
width: 1274px;
height: 75px;
}

#logo{
height: 75px;
margin-left:550px;
display:inline-block;
}

#home{
margin-left: 10px;
display:inline;
color:white;
font-size:25px;
font-family: sans-serif;
}

最佳答案

通过使用 display:inline,您已经移除了对其应用 marginpadding 的能力。删除 display:inline(或改用 display:inline-block),您就可以开始了。

关于html - 我的段落不会上下移动;,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23748839/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com