Тег <main></main>

Этот тег определяет основное содержание документа.

style.css

* {
margin: 0;
padding: 0;
}
header {
width: 900px;
height: 100px;
margin: 1px auto;
background-color: #E2DDE3;
text-align: center;
line-height: 100px;
}
.top {
width: 900px;
height: 40px;
margin: 0 auto;
background-color: #3BA9DE;
}
.top a {
float: left;
width: 223.5px;
height: 40px;
text-decoration: none;
color: #FFF;
font-size: 20px;
text-align: center;
line-height: 40px;
}
.top p {
float: left;
width: 2px;
height: 40px;
background-color: #FFF;
}
.middle {
width: 900px;
height: auto;
margin: 2px auto;
}
menu {
width: 217.5px;
padding: 3px;
float: left;
background-color: #D3E0ED;
list-style-type: none;
}
menu li {
text-align: center;
padding-bottom: 3px;
}
menu li a {
text-decoration: none;
font-size: 18px;
}
main {
width: 670.5px;
height: auto;
padding: 3px;
float: right;
font-size: 18px;
}
footer {
width: 900px;
height: 50px;
background-color: #E2DDE3;
text-align: center;
line-height: 50px;
position: absolute;
bottom: 1px;
left: 50%;
margin-left: -450px;
}

* {
margin: 0;
padding: 0;
}
header {
width: 900px;
height: 100px;
margin: 1px auto;
background-color: #E2DDE3;
text-align: center;
line-height: 100px;
}
.top {
width: 900px;
height: 40px;
margin: 0 auto;
background-color: #3BA9DE;
}
.top a {
float: left;
width: 223.5px;
height: 40px;
text-decoration: none;
color: #FFF;
font-size: 20px;
text-align: center;
line-height: 40px;
}
.top p {
float: left;
width: 2px;
height: 40px;
background-color: #FFF;
}
.middle {
width: 900px;
height: auto;
margin: 2px auto;
}
menu {
width: 217.5px;
padding: 3px;
float: left;
background-color: #D3E0ED;
list-style-type: none;
}
menu li {
text-align: center;
padding-bottom: 3px;
}
menu li a {
text-decoration: none;
font-size: 18px;
}
main {
width: 670.5px;
height: auto;
padding: 3px;
float: right;
font-size: 18px;
}
footer {
width: 900px;
height: 50px;
background-color: #E2DDE3;
text-align: center;
line-height: 50px;
position: absolute;
bottom: 1px;
left: 50%;
margin-left: -450px;
}

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<header>
<h1>The Adventure of the Empty House</h1>
</header>
<nav class="top">
<a href="#">Main</a>
<p></p>
<a href="#">Books</a>
<p></p>
<a href="#">About author</a>
<p></p>
<a href="#">Contact</a>
</nav>
<div class="middle">
<menu>
<li><a href="#">chapter 1</a></li>
<li><a href="#">chapter 2</a></li>
<li><a href="#">chapter 3</a></li>
<li><a href="#">chapter 4</a></li>
<li><a href="#">chapter 5</a></li>
</menu>
<main>
<p>
IT was in the spring of the year 1894 that all London was
interested, and the fashionable world dismayed, by the murder of
the Honourable Ronald Adair under most unusual and inexplicable
circumstances. The public has already learned those particulars
of the crime which came out in the police investigation; but a
good deal was suppressed upon that occasion, since the case for
the prosecution was so overwhelmingly strong that it was not
necessary to bring forward all the facts. Only now, at the end
of nearly ten years, am I allowed to supply those missing links
which make up the whole of that remarkable chain. The crime was
of interest in itself, but that interest was as nothing to me
compared to the inconceivable sequel, which afforded me the
greatest shock and surprise of any event in my adventurous life.
Even now, after this long interval, I find myself thrilling as
I think of it, and feeling once more that sudden flood of joy,
amazement, and incredulity which utterly submerged my mind.
Let me say to that public which has shown some interest in those
glimpses which I have occasionally given them of the thoughts
and actions of a very remarkable man that they are not to blame
me if I have not shared my knowledge with them, for I should
have considered it my first duty to have done so had I not been
barred by a positive prohibition from his own lips, which was
only withdrawn upon the third of last month.
</p>
</main>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<header>
<h1>The Adventure of the Empty House</h1>
</header>
<nav class="top">
<a href="#">Main</a>
<p></p>
<a href="#">Books</a>
<p></p>
<a href="#">About author</a>
<p></p>
<a href="#">Contact</a>
</nav>
<div class="middle">
<menu>
<li><a href="#">chapter 1</a></li>
<li><a href="#">chapter 2</a></li>
<li><a href="#">chapter 3</a></li>
<li><a href="#">chapter 4</a></li>
<li><a href="#">chapter 5</a></li>
</menu>
<main>
<p>
IT was in the spring of the year 1894 that all London was
interested, and the fashionable world dismayed, by the murder of
the Honourable Ronald Adair under most unusual and inexplicable
circumstances. The public has already learned those particulars
of the crime which came out in the police investigation; but a
good deal was suppressed upon that occasion, since the case for
the prosecution was so overwhelmingly strong that it was not
necessary to bring forward all the facts. Only now, at the end
of nearly ten years, am I allowed to supply those missing links
which make up the whole of that remarkable chain. The crime was
of interest in itself, but that interest was as nothing to me
compared to the inconceivable sequel, which afforded me the
greatest shock and surprise of any event in my adventurous life.
Even now, after this long interval, I find myself thrilling as
I think of it, and feeling once more that sudden flood of joy,
amazement, and incredulity which utterly submerged my mind.
Let me say to that public which has shown some interest in those
glimpses which I have occasionally given them of the thoughts
and actions of a very remarkable man that they are not to blame
me if I have not shared my knowledge with them, for I should
have considered it my first duty to have done so had I not been
barred by a positive prohibition from his own lips, which was
only withdrawn upon the third of last month.
</p>
</main>
</div>
</body>
</html>