HTML I CSS, problem z kolumnami

pytanie zadane 23 stycznia 2019 w HTML i CSS przez radek311 Nowicjusz (120 p.)

Witajcie,
Chciałbym zrobić stopkę składająca się z 3 kolumn, jedna obok drugiej. Napisałem kod niestety kolumny są jedna pod drugą i nie wiem gdzie zrobiłem błąd.

<html>
    <head>
        <style type="text/css">
             body{
                width: 90%;
                margin:9 auto;}
                #content {overflow:auto;}
                #nav, #feature, #footer {
                    margin: 1%;}
                    .column1, .column2, .column3 {
                        width: 31.3%
                        float:left;
                        margin 1%;}
                        .column3 {margin-right:0%;}
                    #footer {
                        background-color: #efefef;
                        padding: 0.5em; 0;}
                    #feature, .articel {
                        height: 10em;
                        margin-bottom 1em;
                        background-color: #efefef
           
        </style>
    </head>
</style>
                            <div>
                            <div id="content">
                                <div id="feature">
                             <p>OPIS</p>
                            </div>
                            <div class="articel column1">
                                <p>wysylka</p>
                            </div>
                            <div class="articel column2">
                                <p>serwis</p>
                            </div>
                            <div class="articel column3">
                                <p>Regulamin</p>
                                </div>

                            <div id="footer"
                            <p>&copy; Wszelkie prawa zastrzeżone</p>
                            </div>
                            </body>
                            
                            </html>

2 odpowiedzi

odpowiedź 23 stycznia 2019 przez lapa19904 Stary wyjadacz (11,660 p.)

Zamknij 3x.articel w div-a, nadaj dla tego div-a display:flex; i będziesz miał .column1-3 w rzędzie.

komentarz 23 stycznia 2019 przez radek311 Nowicjusz (120 p.)

jak zamknąć 3x.articel w divie ?
Sory ale dopiero ucze się html

komentarz 23 stycznia 2019 przez lapa19904 Stary wyjadacz (11,660 p.)

- stwórz div-a

- umieść w nim 3 divy o klasie articel

- dodaj display:flex w css dla div-a którego stworzyłeś, tego w którym masz 3 divy które chcesz mieć w rzędzie.

Popraw też błędy które poniżej napisała Ci Basia. Po za tym co napisała nie widzę też otwarcia <body>