Skeptar
Reputation: 149
CSS div container align vertical
I have one div container. This container should be vertical align. Here is my Code:
*{
margin: 0px;
padding: 0px;
}
body{
background-color: rgb(25, 81, 118);
}
.text{
margin-left: auto;
margin-right: auto;
width: 70%;
text-align: justify;
font-size: 32px;
color: white;
}
nav{
width: 100%;
background-color: white;
}
ul{
font-size: 0px;
}<!DOCTYPE html>
<html>
<head>
<link href="css.css" type="text/css" rel="stylesheet">
<meta charset="utf-8">
</head>
<body>
<div class="text"><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></div>
</body>
</html>Upvotes: 0
Views: 64
Answers (2)
dowomenfart
Reputation: 2803
Here is the Click here for JSFiddle
.text {
width: 70%;
text-align: justify;
font-size: 22px;
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
Upvotes: 2
