我正在开发一个网站。

该网站处于早期状态,我的问题是页面顶部的标题。我希望主线“ 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/

10-10 18:25
查看更多