Witam ponownie
Jak naprawić to co widoczne na zdjęciu ? Nie umiem sobie z tym poradzić.
body
{
background-color: #fff;
#background: url('img/test.jpg');
#background-size: cover;
#background-position: center;
#background-repeat: no-repeat;
margin: 0px !important;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
width: 100%;
}
#container
{
}
.img
{
margin: 20px;
padding-right: 5px;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
width: 250px;
height: 220px;
}
.img1
{
margin: 20px;
padding-right: 5px;
padding-bottom: 50px;
width: 400px;
height: 300px;
text-align: center;
padding-top: 30px;
padding-left: 100px;
float: left;
}
.Jakzarządzaćswoimifinansamiosobistymi
{
background-color: red;
color: white;
text-align: center;
padding: 20px;
line-height: 10px;
border-radius: 50px;
}
.west
{
background-color: white;
color: black;
text-align: justify;
padding-top: 30px;
padding-left: 200px;
font-size: 13px;
margin-right: 250px;
margin-left: 250px;
line-height: 3px;
margin-top: 20px;
margin-bottom: 20px;
}
.west2
{
background-color: white;
color: black;
text-align: justify;
font-size: 15px;
padding-top: 20px;
padding-left: 450px;
width: 850px;
height: 180px;
}
.west3
{
background-color: white;
color: black;
text-align: justify;
font-size: 15px;
padding-top: 10px;
padding-left: 450px;
line-height: 2px;
padding-bottom: 50px;
}
.search
{
color: #e41508;
}
.edit
{
color: #f49016;
}
.money
{
color: #20a035
}
.krok1
{
background-color: #1f1c17;
color: white;
text-align: center;
padding: 5px;
border-radius:100px;
}
.krok1-1
{
background-color: white;
color: black;
font-size: 15px;
width: 400px;
height: 400px;
float: left;
text-align: center;
padding-top: 30px;
padding-left: 200px;
}
.krok2
{
background-color: #FF9900;
color: white;
text-align: center;
padding: 5px;
border-radius:100px;
}
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Philosophia Blog</title>
<meta name="description" content="Blog na temat ciekawych publikacji z dziedziny filozofii. Omówienie wybranych tekstów najsłynniejszych autorów!">
<meta name="keywords" content="filozofia, książki, blog, przemyślenia">
<meta name="author" content="Mortinez Walles">
<meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="main.css"/>
<link rel="stylesheet" href="css/fontello.css"/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext" rel="stylesheet">
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div id="container">
<img class="img" src="img/wydatki_biezace.png" alt="wydatki_biezace">
<img class="img" src="img/planowane_wydatki.png" alt="planowane_wydatki">
<img class="img" src="img/zabawa.png" alt="zabawa">
<img class="img" src="img/pomoc_innym.png" alt="pomoc_innym">
<img class="img" src="img/edukacja.png" alt="edukacja">
<img class="img" src="img/inwestycje.png" alt="inwestycje">
<div class="Jakzarządzaćswoimifinansamiosobistymi">
<h1>Jak zarządzać swoimi finansami osobistymi aby stać się wolnym i <p>bezpiecznym finansowo?</p></h1>
</div>
<div class="west">
<header>
<h3>Istnieje wiele metod zarządzania finansami osobistymi, które pokazują jak robić to mniej lub bardziej skutecznie.</h3>
<h3><p>My przedstawiamy wam metodę która, zadziała u każdego.</p></h3>
<h3><p>Jars Money Management System to znana na całym świecie metoda oszczędzania Harva Ekera. Tłumacząc na język polski, otrzymamy wdzięczną nazwę „System sześciu słoików”. Rozwiązanie to polega na rozkładaniu swoich miesięcznych przychodów na sześć części.
Możemy to robić, jak sama nazwa wskazuje, w słoikach lub w innych miejscach, gdzie nasze środki będą bezpieczne – mogą to być nawet konta bankowe. To, co ma się znajdować w poszczególnym słoiku, jest ściśle określone. Jest to dany procent naszej miesięcznej pensji, który należy regularnie odkładać w konkretne miejsce. Jak to wygląda?</p></h3>
</header>
</div>
<div class="west2">
<p><b>Dzięki tej metodzie, już w ciągu pierwszych tygodni jej stosowania, odniesiesz następujące korzyści:</b></p>
<ul>
<li style="color: #BBBBBB"><span style="color: black">odłożysz dodatkowe pieniądze bez wyrzeczeń i zaciskania pasa</span></li>
<li style="color: #BBBBBB"><span style="color: black">zapanujesz całkowicie nad swoimi wydatkami, przestaniesz kupować niepotrzebne rzeczy</span></li>
<li style="color: #BBBBBB"><span style="color: black">zaczniesz inwestować swoje pieniądze i generować dodatkowy zysk</span></li>
<li style="color: #BBBBBB"><span style="color: black">przestaną Cię zaskakiwać nieprzewidziane wydatki, bo zawsze będziesz miał(a) na ich pokrycie</span></li>
<li style="color: #BBBBBB"><span style="color: black">zawsze będziesz miał(a) pieniądze na wypad do kina, na urodziny przyjaciela czy spontaniczny wypad ze znajomymi</span></li>
<li style="color: #BBBBBB"><span style="color: black">pieniądze przestaną być nieprzyjemnym tabu, o którym lepiej nie mówić</span></li>
</ul>
</div>
<div class="west3">
<p><b>Brzmi trochę jak coś niemożliwego do wykonania w Polsce? Zastosuj się do 3 prostych kroków, które znajdziesz poniżej…</b></p>
</div>
<div class="krok1">