Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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>