DIV içerisindeki elementleri aşagıdan yukarıya nasil sıralanır?

byanigli · 26 Nisan 2018

Merhabar, Div içersinde H1 ve P tagım bulunmakta. En altta P tagı onun üstünde ise header tag'ı bulunmasını istiyorum nasil yapabilirim?

<div>
<h1>Header</h1>
<p> pragraph </p>
</div>
Aşagıdaki gibi gözükmesini istiyorum:
----------
| |
| |
| Header |
| prag |
----------

Marigold · 2 Mayıs 2018

Yapmak istediğinizi tam olarak anlamadım. Bir elemanın yeri kesin olarak belirtilecekse aşağıdaki gibi position ifadesi kullanılır. İşinize yarar mı bilmiyorum ama resimdeki gibi sıralama yapabilmek için de ikinci bloktaki kodları kullanabilirsiniz.

HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        div{
            position:absolute;
            bottom:0;
            //left:0;
            //right:0;
            //top:0;
        }
    </style>
</head>
<body>
    <div>
        <h1>Header</h1>
        <p>Paragraph</p>
    </div>
    <span>
        <h1>Header 2</h1>
        <p>Paragraph 2</p>
    </span>
</body>
</html>

HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            display:flex;
            flex-direction:column;
        }
    </style>
</head>
<body>
    <div style="order:2">
        <h1>Header</h1>
        <p>Paragraph</p>
    </div>
    <div style="order:3">
        <h1>Header 2</h1>
        <p>Paragraph 2</p>
    </div>
    <div style="order:1">
        <h1>Header 3</h1>
        <p>Paragraph 3</p>
    </div>
</body>
</html>

DIV içerisindeki elementleri aşagıdan yukarıya nasil sıralanır?

Ayrıntılı düzenleme

byanigli

Hectopat

Marigold

Ziyaretçi

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz