Na poczatek moj kod:
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet">
<script src="https://use.fontawesome.com/f75a676e75.js"></script>
<div class="container-fluid">
<div class="row">
<ul class="nav nav-pills">
<li>
</li>
<li class="pull-right">
<a href="#">Contact</a>
</li>
<li class="pull-right">
<a href="#">About</a>
</li>
<li class="pull-right">
<a href="#">Projects</a>
</li>
<li class="pull-right">
<a href="#">Services</a>
</li>
</ul>
<div class="box text-center">
<header class="head">Kamil Kowalczuk-Fijalkowski</header>
<h4 class="motto">Always Solid. Always Perfect.<h4>
<div class="btn btn-default" href="#"><i class="fa fa-facebook" aria-hidden="true"></i> Facebook</div>
<div class="btn btn-default" href="#"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</div>
<div class="btn btn-default" href="#"><i class="fa fa-github" aria-hidden="true"></i> GitHub</div>
<div class="btn btn-default" href="#"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</div>
</div>
<br></br>
<div class="Services text-center"><h1 class="serv">My Services</h1>
<p class="text-center">TEKST</p>
</div>
<br></br>
edeewewe
</div>
</div>
Problem polega na tym, ze gdy chce dodac kolejengo diva lub nawet zwyjky tekst to nie znajdzie sie on pod <p>tekst</p> tylko nad, nie wiem jak to mozliwe. Jak to naprawic? co zrobic, zeby wszystko lecialo od gory do dolu? bede musial dodac jeszcze sporo informacji i zabawa z position:relative; i przesuwanie diva to zly pomysl.
[edit] po usunieciu w css pozycji relative tekst znajduje sie gdzie powinien. Pytanie rodzi sie, dlaczego tak sie stalo? Jak w takim razie moge przemieszczac divy wedle uznania?