By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,256 Members | 1,700 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,256 IT Pros & Developers. It's quick & easy.

How to make 2 boxes sit next to each other?

P: 6
I've created a layout that places a border around each unordered list item. I would like two of these list items per row i.e. 2 boxes per row. However, I've reached the limits of my CSS knowledge and I don't know what to do to make the boxes appear 2 per row.

The page is at:

Thanks in advance.
Mar 6 '11 #1
Share this Question
Share on Google+
2 Replies

P: 6
Please ignore. I've figured out a solution myself. I assigned the 2nd, 4th, 6th etc. list item class="right". In my style.css I set li.right to float: right

There may be a better way to do this but my fix worked for me.
Mar 8 '11 #2

P: 3
For future visitors, you do that by using margin in CSS.
Mar 8 '11 #3

Post your reply

Sign in to post your reply or Sign up for a free account.