padding-inline-start

padding-inline-start

X

padding-inline-start

Lastnost padding-inline-start je prostor od njegove obrobe do vsebine na začetku (levo od) elementa v smeri vrstice.

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>padding-inline-start</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<style>
        * {
            box-sizing: border-box;
        }
        div {
            width: 500px;
            height: 300px;
            background: orange;
            border: 1px solid black;
            padding-inline-start: 50px;
        }
    </style>
</head>
<body>
<div>
    <h3>padding-inline-start;</h3>
    <p>Lorem Ipsum je slepi tekst, ki se uporablja pri razvoju tipografij in pri pripravi za tisk. Lorem Ipsum je v
        uporabi že več kot petsto let, saj je to kombinacijo znakov neznani tiskar združil v vzorčno knjigo že v začetku
        16. stoletja. To besedilo pa ni zgolj preživelo pet stoletij, temveč se je z malenkostnimi spremembami uspešno
        uveljavilo tudi v elektronskem namiznem založništvu. Na priljubljenosti je Lorem Ipsum pridobil v sedemdesetih
        letih prejšnjega stoletja, ko so na trg lansirali Letraset folije z Lorem Ipsum odstavki. V zadnjem času se
        Lorem Ipsum pojavlja tudi v priljubljenih programih za namizno založništvo kot je na primer Aldus PageMaker.</p>
</div>
</body>
</html>