Question

我是HTML和CSS的新手，我试图在下面的图片中删除此空间，但是它永远无法正常工作

HTML

<body>
<header>
    <hr>
    <h1>For<span>Test</span></h1>
    <nav>
        <ul>
            <li>a</li>
            <li>b</li>
            <li>c</li>
            <li>d</li>
            <li>e</li>
            <li>f</li>
            <li>g</li>
        </ul>
    </nav>
</header>
</body>

CSS

body {
    margin: auto;
}

/* Start header */

header nav {
    background-color: #171f21;
    margin: 0px 0px;
}

header hr {
    width: 100%;
    height: 5px;
    background-color: #ff8900;
    border: none;
    margin: 0px 0px;
    display: block;
}

header h1 {
    float: left;
    font-family: 'Open Sans', sans-serif;
    color: #ff8900;
    margin-left: 25px;
    display: inline;
}

header span {
    color: #ffffff;
}

/* End header */

我在发送帖子之前进行了搜索，但发现效果不错，但无法与我合作................................ ..............

Answer 1

它可以为您工作。 UL有保证。因此，将其删除以删除空间。

body {
    margin: auto;
}

/* Start header */

header nav {
    background-color: #171f21;
    margin: 0px 0px;
}ul{margin:0;}

header hr {
    width: 100%;
    height: 5px;
    background-color: #ff8900;
    border: none;
    margin: 0px 0px;
    display: block;
}

header h1 {
    float: left;
    font-family: 'Open Sans', sans-serif;
    color: #ff8900;
    margin-left: 25px;
    display: inline;
}

header span {
    color: #ffffff;
}

<body>
<header>
    <hr>
    <h1>For<span>Test</span></h1>
    <nav>
        <ul>
            <li>a</li>
            <li>b</li>
            <li>c</li>
            <li>d</li>
            <li>e</li>
            <li>f</li>
            <li>g</li>
        </ul>
    </nav>
</header>
</body>

如何删除两个标签之间的空间

1 个答案: