Czy ma ktoś pomysł jak wyśrodkować diva w divie nie za pomocą padding? Podrzucam kod. Pozdrawiam!
<!doctype html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8">
<title>strona główna</title>
<link href="main.css" rel="stylesheet" type="text/css">
<link rel="Shortcut icon" href="favicon.ico">
</head>
<body>
<div id="wrapper">
<div id="top">
<div id="naglowek">
<div id="logo">
ABCDEFGH.com
</div>
<ol>
<li><a href="#">Strona główna</a></li>
<li><a href="#">Informacja</a></li>
<li><a href="#">Autor</a></li>
<li><a href="#">Rejestracja</a></li>
<li><a href="#">BR</a></li>
</ol>
</div> <!--naglowek-->
</div><!--top-->
<div id="content">
<div class="informacja">
green
</div>
</div> <!--content-->
<div id="content1">
<div class="informacja">
</div>
</div> <!--content-->
</div> <!--wrapper-->
</body>
</html>
body
{
margin: 0;
padding: 0;
}
#wapper
{
height: 105vh;
width: 100%;
}
#top
{
text-align: center;
background-color: #3B5998;
height: 5vh;
}
#naglowek
{
width:80%;
height: 5vh;
float:left;
}
#logo
{
float:left;
width:20%;
font-size: 36px;
color: aliceblue;
font-family: Alabama;
line-height: 150%;
}
a
{
text-decoration: none;
}
#content
{
clear:both;
background-color:#395BD4;
height: 40vh;
text-align: center;
margin: auto;
padding: 5vh;
}
.informacja
{
width:80%;
background: green;
height: 40vh;
margin: auto;
}
#content1
{
background-color:red;
height: 40vh;
text-align: center;
padding: 5vh;
}
ol
{
padding: 0;
margin: 0;
list-style-type: none;
height: 35px;
line-height: 300%;
display: inline-block;
}
ol a
{
color:white;
text-decoration: none;
display: block;
font-size: 20px
}
ol>li
{
float:left;
width:150px;
height: vh;
background:#345291;
border-right:2px dashed #203C78;
}
ol>li:first-child
{
border-left:2px dashed #203C78;
}