ułożenie blokowe pewnych elementów

Question

Witam, mam taki kod: http://codepen.io/FoxCode/pen/PGoNbQ

Dlaczego article nie ustawiają się pod sobą tylko na siebie nachodzą? Może to być wina position, ale article posiada position: relative i nigdzie nie jest ustawiany jego left,right,top i tak dalej..

Answer 1

A po co Ci te pozycjonowanie absolutne w .title i .code?

span.title powinien być zastąpiony nagłówkiem któregoś stopnia.

.code powinien być jakimś divem natomiast kod, który chcesz tam umieścić wrzucić do znacznika code:

<article> 
    <h3 class="title"> 
        test3.
    </h3>
    <div class="code"> 
        <code>
            jakiś kod
        </code>
    </div>
</article>

 

Comments

<code> = inline, a tego nie chce.

---

A co z tego, że inline? Może dowolnie manipulować wyświetlaniem tego elementu.

Zamiast zmieniać sposób wyświetlania możesz zrobić też np. tak:

<div class="line-code">
    <code>
        c
    </code>
</div>
<div class="line-code">
    <code>
        o
    </code>
</div>
<div class="line-code">
    <code>
        ś
    </code>
</div>