Стили CSS

Стиль в заголовке страницы.

index.html

Стиль в теге.

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
</head>
<body style="margin: 0; padding: 0;">
<div style="width: 400px; height: 400px; position: absolute;
left: 50%; top: 50%; margin-left: -200px;
margin-top: -200px; background-color: #FFCCCC;
font-size: 24px; display: table; text-align:center;">
<p style="display: table-cell; vertical-align: middle;">
Hello World!
<br />
Привет Мир!
<br />
To be or not to be?
</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
</head>
<body style="margin: 0; padding: 0;">
<div style="width: 400px; height: 400px; position: absolute;
left: 50%; top: 50%; margin-left: -200px;
margin-top: -200px; background-color: #FFCCCC;
font-size: 24px; display: table; text-align:center;">
<p style="display: table-cell; vertical-align: middle;">
Hello World!
<br />
Привет Мир!
<br />
To be or not to be?
</p>
</div>
</body>
</html>

Стиль во внешнем файле.

style.css

* {
margin: 0;
padding: 0;
}
.a {
width: 400px;
height: 400px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -200px;
background-color: #FFCCCC;
font-size: 24px;
display: table;
text-align: center;
}
.a p {
display: table-cell;
vertical-align: middle;
}

* {
margin: 0;
padding: 0;
}
.a {
width: 400px;
height: 400px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -200px;
background-color: #FFCCCC;
font-size: 24px;
display: table;
text-align: center;
}
.a p {
display: table-cell;
vertical-align: middle;
}

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="a">
<p>
Hello World!
<br />
Привет Мир!
<br />
To be or not to be?
</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="a">
<p>
Hello World!
<br />
Привет Мир!
<br />
To be or not to be?
</p>
</div>
</body>
</html>