[POMOC] Divy - Problem z ułożeniem

Question

Cześć, mam problem z układaniem się divów:

            <div class="book">
                
            <img alt="rok 1984" src="img/rok1984-okladka.jpg">
                
            <div class="title">Rok 1984</div>
               
                
                <div id="epubdownload">.epub</div>
                <div id="mobidownload">.mobi</div>
                
                
                
                <div id="clear"></div>
            <div class="author">George Orwell</div>
             
                
                
            <div class="opis">
            Wielki Brat Patrzy – to właśnie napisy tej treści, w antyutopii Orwella krzyczące z plakatów rozlepionych po całym Londynie, natchnęły twórców telewizyjnego show „Big Brother”. Czyżby wraz z upadkiem komunizmu wielka, oskarżycielska powieść straciła swoją rację bytu, stając się zaledwie inspiracją programu rozrywkowego? Nie. Bo ukazuje świat, który zawsze może powrócić. Świat pustych sklepów, permanentnej wojny, jednej wiary.     
            </div>
            
            </div>

.book > img {
    height: 130px;
    width: 100px;
    padding: 10px;
    float: left;
}

.book {
    background-color: #e9d6c4;
    min-height: 150px;
}

.title {
    padding-top: 8px;
    font-size: 17px;
    font-style: italic;
    font-weight: 700;
    float: left;
}

.author {
    font-size: 14px;
    font-style: italic;
}



.opis {
    font-size: 14px;
    padding: 8px;
}



#epubdownload {
    float: left;
    font-size: 13px;
    height: 18px;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    background-color: #5071F5;
    font-weight: 700;
    margin-top: 9px;
    margin-left: 10px;
    
}

#mobidownload {
    float: left;
    font-size: 13px;
    height: 18px;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    background-color: #5071F5;
    font-weight: 700;
    margin-top: 9px;
    margin-left: 10px;
}

Co zrobić aby autor znalazł się pod nazwą książki,  a opis pod autorem?

Answer 1

kilka zmian trzeba było zrobić

https://jsfiddle.net/fajnygosc/yc150yus/

Answer 2

może łatwiej by było gdybyś sobie rodzielił to i po lewej stronie miał zdjęcie książki, a po prawiej szczegóły, czy jakieś info o tej książce?
wtedy np za pomocą flexboxa mógłbyś sobie ustawić te dwa elementy obok siebie
+ autora dać po prostu w znaczniku <p>, który układa się pod innymi elementami
i ogólnie chyba łatwiej byłoby to w ten sposób ogarnąć