html5消除默认空格,消除<nav>和<hgroup>之间的空格？ HTML5

header {

hgroup {

background: #1F1E1E;

height: 100px;

padding: 0px;

margin: 0px;

color: #FEFFFE;

font-family: Arial, Helvetica, sans-serif;

font-size: 1em;

h1,h2 {

padding: 0px;

margin: 0px;

}

}

nav {

background: #FEFFFE;

height: 60px;

padding: 0px;

margin: 0px;

-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.2);

-moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.2);

box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.2);

ul {

list-style: none;

padding: 0px;

li {

float: left;

padding: 20px 30px 20px 0px;

}

}

}

}

这是我的HTML：

Lorem Ipsum

Lorem ipsum dolor sit amet.

• Home
• Products
• Contact
• About

最终的结果是这样的：

正如你所看到的，有hgroup和nav标签之间的差距。我似乎无法弄清楚如何删除它。我已经尝试将padding: 0px;和margin: 0px;放在几乎所有我认为会将其删除但无济于事的地方。我能做什么？

如果你问为什么我的CSS的结构类似的是，这是因为我使用LESS。

+1

是否UL有保证金？ –

+0

WOW，对我来说太愚蠢了，在'ul'的css中添加'margin：0px;'为我做了，谢谢！你介意发布这个答案吗？ –

+0

不用担心 - 我知道有时候很容易错过这些东西！ –