I though the first part of my css would make no padding in the body. This is enough content to explain my problem stackoverflow, please allow me to post my question now.
The CSS:
*{
margin: 0px;
padding: 0px;
}
header, nav, section, aside, footer{display: block}
body{
border: solid red 2px;
}
nav{
border: solid black 2px;
}
The HTML:
<!DOCTYPE HTML>
<html>
<head>
<title>redditClone</title>
<meta charset="utf-8"/>
<link rel=stylesheet href=redditClone.css></link>
</head>
<body>
<nav>my subreddits - dashboard - front - all - random - friends</nav>
<header>
<h1>Reddit</h1>
<nav>theRealAgorist preferences</nav>
</header>
<section></section>
<aside></aside>
<footer></footer>
</body>
</html>
I don’t see any padding in Chrome, FF or IE9, but…
try to change this:
to this:
you must use commas to select many elements