rozmieszczenie divów na stronie

Jak powinien wyglądać kod na stronie kod css i html, żeby divy były tak rozmieszczone.

na razie mam taki kod i to nie za bardzo działa.

<div id=menu_gorne>
    <div id=menu_gorne_lewa>
    tomi
    </div>
    <div id="menu_gorne_center">
    <a class="hiper">AKTUALNOŚĆI</a>
    
    </div>
    <div id="center"></div>
    <div id="menu_gorne_prawa">
    tomek
    </div>
</div>

css

#menu_gorne {
 width: 1900px;   
    height: 100px;
    float: left;
}
#menu_gorne_prawa {
 width: 700px;   
    height: 100px;
    float: left;

}
#menu_gorne_center {
 width: 200px;   
    height: 160px;
    float: left;

}
#menu_gorne_lewa {
 width: 700px;   
    height: 160px;
    float: left;
    
}
#center {
height:  152px;
width: 299px;

}

Użyj bootstrapa jak przystało na XXI wiek ;)

A ja widzę, że nazwałeś to "menu", więc wnioskuję, że to ma być jakaś nawigacja na stronie. Czyli wtedylepiej zamkąć to w tagu nav, a do środka wsadzić listę ul z własnością inline-block na elementach listy, wtedy będą się wyświetlały koło siebie. Do wybranych możesz dodać dodatkową klasę, skoro mają mieć inną szerokość czy coś.

jak na XXI wiek to lepiej material ;)

Użyj bootstrapa jak przystało na XXI wiek ;)

A w bootstrapie jak to zapisać ?

Już sobie poradziłem dla każdego elementu będę stosował takie zapisy w css

position: absolute;
  top: 3%;
  left: 70%;

Tylko nie wiem czy to dobre rozwiązanie ?

Jednak to nie jest dobre rozwiązanie, ponieważ się rozjeżdża przy zmianie rozdzielczości.

Jeżeli bierzesz pod uwagę rozdzielczości to może zainteresowałby Cię temat mobile first ? Zaczynasz od projektu na "najniższą" rozdzielczość i lecisz w góre używając media queries w css.