Witam jestem początkujący więc prosze o przymknięcie oka na jakośc kodu i błędy.
mam problem z atrybutem <p> mianowicie chciałbym alby był on na środku zdjęcia a za nim był cień, ale jego rozmiary sa na całą szerokość strony. nie chcę ręcznie ustalać szerokości :/ koś mógł by mi pomóc ?
body
{
margin: 0px;
font-family: 'Lato', sans-serif;
background-color: #111;
}
.baner
{
position: absolute;
width: 100%;
background-image: url(img/baner-unsplash.jpg);
height: 750px;
background-size: cover;
margin-top: 0px;
background-attachment: fixed;
}
.baner p
{
position: relative;
display: block;
width: auto;
text-align: center;
font-size: 48px;
color: whitesmoke;
top: 40%;
-webkit-box-shadow: 10px 10px 37px 34px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 37px 34px rgba(0,0,0,0.75);
box-shadow: 10px 10px 37px 34px rgba(0,0,0,0.75);
}
<body>
<section class="baner">
<p> Witaj na mojej stronie !</p>
</section>
</body>
</html>