tekst w divie nie tu gdzie trzeba

Question

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?

Answer 1

Nie wiem, kod htmlowy beznadziejny, ale może to tworzy błędy 

<br></br>

Zapisuje się go tak: br

Comments

Polska wersja językowa dokumentacji jest przestarzała.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br

---

Można powiedzieć, że na to samo wyszło :)

Answer 2

Baaaaardzo zepsuty HTML

Kuknij na validator. Dodaj html body i head, zeby byl w stanie sprawdzic

https://validator.w3.org/nu/#textarea

Jesli CSS nie dziala tak jak bys chcial, ZAWSZE najpierw sprawdz czy nie masz zepsutego HTML