css-learning/inline-element.html at main · Amirtharaj123/css-learning · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
    <head>
        <title>This is Inline Element</title>
        <style>
            #important {
                width:70%;
                border:thin solid red;
                padding:0 20px;
            }
            h1,p {
                border:thin solid blue;
                margin:40px 0;
            }
            span {
                border:thin solid orangered;
                padding:5px;
                margin:10px;
            }
        </style>
    </head>
    <body>
        <div id="important">
        <h1>Inline Element</h1>
        <p>
            <span>Lorem ipsum dolor sit</span><span> amet,consectectur adipisicing</span> etc.neque culpa maiories adit id volupate  dicta eligendi esse
            voluptas illo,adipisci omnis totamdolorum ducimus totamdolorumenum voluptatum earum,sapiente Lorem ipsum dolor sit amet,consectectur adipisicing etc.neque culpa maiories adit id volupate  dicta eligendi esse
            voluptas illo,adipisci omnis totamdolorum ducimus totamdolorumenum voluptatum earum,sapiente Lorem ipsum dolor sit amet,consectectur adipisicing etc.neque culpa maiories adit id volupate  dicta eligendi esse
            voluptas illo,adipisci omnis totamdolorum ducimus totamdolorumenum voluptatum earum,sapiente Lorem ipsum dolor sit amet,consectectur adipisicing etc.neque culpa maiories adit id volupate  dicta eligendi esse
            voluptas illo,adipisci omnis totamdolorum ducimus totamdolorumenum voluptatum earum,sapiente Lorem ipsum dolor sit amet,consectectur adipisicing etc.neque culpa maiories adit id volupate  dicta eligendi esse
            voluptas illo,adipisci omnis totamdolorum ducimus totamdolorumenum voluptatum earum,sapiente
        </p>
        </div>
    </body>
</html>