The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Margin issue

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #239772


    I struggle with this thingie:

    I have 2 problems, and both are related to margin, I believe.
    Can anyone explain to me to what element should I apply margin?, -so I would get ability to have 4 of that tables in a row.

    Also, when I tried to put more tables, the rest of them all stick right to the bottom of first ones, instead of having empty space.

    So – I’d like to have less empty space between them, so I could have 4 in a row, but also obviously, much needed space that would separate ones on the bottom from ones on the top.

    Please help me.


    A demo is preferable to a link…


    You’ll need to work with the margins on the LIs, like you have now. 28% is too much to have 4 blocks next to eachother, so you’ll need to decrease that.

    To add some space at the bottom of them, simply add some bottom margin to the LIs.

    GMK Hussain

    You need change width and margin values for 4 blocks

    .cd-pricing > li {
        width: 23%;
        float: left;
        margin-right: 2.5%;
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.