Cargo home Twitter Devlog

Running text over multiple columns

Last Updated: Jan 21, 2014 11:39AM PST
To display content in columns, use the following code as a formatting guide. This will work inside of the “Contents & Layout” section of your projects and pages.
 <div style="float: left; margin: 0 15px 0 0; width: 250px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div><div style="float: left; width: 250px;">Aliquam dapibus neque ut leo aliquet nec posuere magna auctor.</div>
Depending upon how many instances you’re creating, it may be smart to create a class specifically for columns in your custom CSS (Settings → CSS, HTML, Designs → CSS) so that you will not need as much code for your column divs.
 .content_column {
    float: left;
    margin: 0 15px 0 0;
    width: 250px;
}
You would then format your content like this:
 <div class="content_column">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div><div class="content_column">Aliquam dapibus neque ut leo aliquet nec posuere magna auctor.</div>
Format your <div> tags so that they end and begin on the same line. Spaces or returns between closing </div> and opening <div> tags will create linebreaks, which may prevent your columns from displaying correctly. Tools such as TextFixer can automatically remove breaks for you.
 
It is also worth noting that you may want to increase the width of the element .project_content in your CSS to accommodate the width of multiple columns.
tickets@cargocollective.com
http://assets0.desk.com/
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
Invalid characters found
/customer/en/portal/articles/autocomplete