我正在开发一个网站。
该网站处于早期状态,我的问题是页面顶部的标题。我希望主线“ PersIntra”站在带有“注销按钮”的小框旁边,而不是在上方。我试图使我的CSS这项工作。我已经尝试过嵌套div。
标头垂直太宽。我想使标题文本变大,而标题本身不需要变宽,因为文本不在注销框旁边,而是在注销框旁边。
这里有一些链接告诉你我的意思。 (用文本描述很复杂。)
Screenshot of header
该网站是丹麦语网站,但这不应该使您看不到我的问题(截图)。
这是html:
<div id="header">
<h2> PersIntra </h2>
<div id="border">
Velkommen <?php echo $_SESSION['enummer']; ?> <br>
Du har 1 ny besked <br>
<a href="logout.php" style="color: white">Log Ud</a> <br>
</div>
</div>
</div>
这是CSS:
#header {
background-color:#66cc33;
color:white;
text-align:center;
padding:5px;
border: 10px solid;
border-radius: 25px;
}
#border {
width: 150px;
padding: 5px;
border: 5px solid navy;
margin: 25px;
border-style: solid;
border-color: #eeeeee;
}
最佳答案
尝试编辑您的CSS。
#header {
background-color:#66cc33;
color:white;
text-align:center;
padding:5px;
border: 10px solid;
border-radius: 25px;
}
#header h2 {
margin-top:50px;
float:right;
margin-right:300px;
}
#border {
width: 150px;
padding: 5px;
border: 5px solid navy;
margin: 25px;
border-style: solid;
border-color: #eeeeee;
}
关于html - header 主标题样式问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29307024/