Thursday, March 28, 2024
HomeCSSjavascript - I cant get each the containers in the identical line

javascript – I cant get each the containers in the identical line


im nonetheless studying and html soo naked with me 😀 can anybody inform me why i’ve that clean area above the 2nd field? yellowish field? enter picture description right here

I hoped that each the containers are available the identical line :O

[The code]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Suitable" content material="IE=edge">
    <meta identify="viewport" content material="width=device-width, initial-scale=1.0">
    <title>CONTEXT</title>
    <STYLE>
        .lorem1{
            background-color: cadetblue;
            show:inline-block ;
            colour: blue;
            padding: 10px;
            border: strong black 1px;
            margin:10px;
            width:200px;
            top:300px;
        }
        .lorem2{
            background-color: rgb(231, 139, 0);

            colour:yellowgreen;
            show:inline-block ;
            padding: 10px;
            border: strong black 1px;
            margin:10px;
            width:200px;
            top:300px;
        }
        .contact_us{
            colour:yellow;
            text-align: heart;
            show:inline-block 

        }

    </STYLE>
</head>
<physique>
    <header>
        <h1>This can be a pattern format</h1>
    </header>
    <foremost>
        <part class="lorem">
            <div class="lorem1">
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quas exercitationem earum similique dicta quis ullam. Consequatur incidunt repellendus itaque velit quaerat beatae sapiente, adipisci labore tempore minus culpa natus consectetur.
            </div>
            <div class="lorem2">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quis aut minima, ullam quibusdam ea veritatis veniam, asperiores quasi eos reiciendis quos nemo aliquid vero?
            </div>
        </part>
        <br>
        <br>
        <br>
    </foremost>
    <footer>
        <div class="contact_us">
            Hyperlink verify
        </div>
    </footer>
</physique>
</html>

Yeah sorry didnt publish the code earlier than :<

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments