Cześć! :) Chciałabym się Was poradzić, gdzie mogę popełnić mały błąd. Chodzi tylko o wyśrodkowanie głównego napisu "RECENZJE FILMU - BLOG", ponieważ nie jest on tak na środku, jak logo. Przesyłam zdjęcie dla wizualizacji problemu oraz fragmenty kodów źródłowych, w których jest ten mały problem. :) Byłabym bardzo wdzięczna za pomoc!
html:
<body>
<div class="wrapper">
<div class="header">
<div class="images">
<img src="images/logo2k.png">
<h1 class="logo">Recenzje filmów - Blog</h1>
</div>
<section class = "image" style = "background-image: url(images/12.jpg);"></section>
Css:
body
{
margin: 0 !important;
background-color: #111222;
color: #efefef;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
}
section.image
{
margin-top: 50px;
height: 300px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.wrapper
{
width: 100%;
}
.header
{
width: 100%;
}
h1.logo
{
font-size: 44px;
font-weight: 700;
color: #ddd;
text-align: center;
text-transform: uppercase;
letter-spacing: 5px;
margin-top: 50px;
margin-bottom: 40px;
}
.images
{
margin-top: 50px;
margin-left: 583px;
}
Pozdrawiam, fruczka
#EDIT: Udało mi się poprawić, div był nie w tym miejscu co trzeba ;) Przepraszam za spam :P