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

Home Forums CSS [SOLVED] Need help with aligning list items

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

    Hello, I found some code for css buttons from a website and I want to modify it to display buttons one under anther.

    The code:


    ul.round { margin: 0; padding: 0; border: 0; list-style-type: none; text-align: center; float: left; clear: left; }

    ul.round li, ul.round li a, ul.round li b { display: block; margin: 0; padding: 0; float: left; }

    /* configure (backgrounds + margins + heights) here */

    ul.round li { margin-right: 5px; background: #C48F5E; }

    ul.round li a { height: 32px; text-decoration: none; color: #fff; cursor: pointer; }

    ul.round li a:hover { background: #000; }

    ul.round li b { width: 1px; height: 30px; border-bottom: #fff 1px solid; border-top: #fff 1px solid; }

    ul.round li span { width: 5em; padding: 10px; line-height: 10px; float: left; }


    And could somebody tell me what the aim of commenting out the code?


    HArd to say what you’re trying to do exactly by just seeing the CSS and not the actual HTML. Can you create it in Codepen?

    As for commenting code: it has no technical functionality, and is merely used for adding comments so it clears up what the code is doing.


    Hello, thanks for your reply. Here’s the codepen:

    Here, the buttons are shown side by side. I want them to be shown one under another, and aligned center.


    Thanks, the problem solved. I just found the code here:

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.