The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

align these divs in single line without breaking

  • Anonymous
    # May 4, 2013 at 2:24 pm

    How can i align these divs one after the other without them breaking one ontop of the other and without using position:?

    # May 4, 2013 at 2:55 pm

    Depends on what you are trying to do.

    Why is floating &/or position a problem?

    # May 4, 2013 at 3:06 pm



    .slide-container {
    white-space: nowrap;

    .slide {
    display: inline-block;

    And there you have it.

    # May 4, 2013 at 3:09 pm

    @Merri that didn’t work. I updated the pen with your styles and there was no change.

    @Paulie_D you can add position:relative but don’t want actual positioning with numbers.

    # May 4, 2013 at 3:46 pm

    @Jarolin Did you notice the changes in HTML?

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed