CSS Unused CSS Stages Flexbox and Multi-Column Layout Multi-Column Layout

Oscar Smart
Oscar Smart
2,987 Points

Paragraph text

HTML: <div class="boxes"> <P> afjdllfdkfkljddflklfdkfdkljdfkjlkjldf Tänään on päivä joka tullaan muistamaan koska on aurinkoista ja mukavaa eikä kukaan todellaakaan valita. Mennään uimaan ja kattomaan maisemia jotka meille on luotu tänään siis juhlitaan bailataan rokataan ja tehdään kaikkea muuta kun juodaan alkomahoolia koska se on pahasta ja satuttaa mahaa ja tuo maksakirroosin hahhahahahhahaha </P>

     <P>

Tänään on päivä joka tullaan muistamaan koska on aurinkoista ja mukavaa eikä kukaan todellaakaan valita. Mennään uimaan ja kattomaan maisemia jotka meille on luotu tänään siis juhlitaan bailataan rokataan ja tehdään kaikkea muuta kun juodaan alkomahoolia koska se on pahasta ja satuttaa mahaa ja tuo maksakirroosin hahhahahahhahaha </P>

   <P>

Tänään on päivä joka tullaan muistamaan koska on aurinkoista ja mukavaa eikä kukaan todellaakaan valita. Mennään uimaan ja kattomaan maisemia jotka meille on luotu tänään siis juhlitaan bailataan rokataan ja tehdään kaikkea muuta kun juodaan alkomahoolia koska se on pahasta ja satuttaa mahaa ja tuo maksakirroosin hahhahahahhahaha </P> </div>

CSS: .boxes { width: 600px; height: 320px; background-color: white; margin: auto; padding: 20px; }

.boxes { -webkit-column-count: 3; }

When I open up the coding on the browser the first line of the text in the first column is below the second and third columns first line. How can I get all three columns text start from the same line?

Lorenzo Pieri
Lorenzo Pieri
19,772 Points

Possibly format your question in a more readable way. That is the best way to get help, be it from me or someone else.

1 Answer

Wilfredo Laboy
Wilfredo Laboy
2,019 Points

Are you closing your paragraph tag?

<p> This is random text </p>

Also if you want to add more spacing between paragraphs you could add a line break at the end of each paragraph or change the padding.

<p> This is random text </p> <br>