[SOLVED] Need help with aligning list items

[onurcan1977]

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?

[Senff]

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.

[onurcan1977]

Hello, thanks for your reply. Here’s the codepen: http://codepen.io/anon/pen/LEqBze

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

[onurcan1977]

Thanks, the problem solved. I just found the code here: http://snipplr.com/view/24615/

[Author]

Posts