3 replies [Last post]
MFA
MFA's picture
Offline
newbie
Last seen: 4 years 1 week ago
Joined: 2015-11-25
Posts: 1
Points: 2

Hi

I'm new to this site as well as CSS. I'm wondering if anyone can give me some help with some css code. I have created everything fine but the layout is not what i am after. I would like the circular buttons to be next to each other and spread evenly across a webpage. instead, every additional circle i create by copying and pasting the code is placed below and not beside the others. i have a link to my code: http://jsfiddle.net/josedvq/Jyjjx/45/

all help will be greatly appreciated.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 hours 1 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

floating the wrong container

You need to float the outer container.

    .round-button {
	float: left;
	width:25%;}

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

IndioBailBonds
IndioBailBonds's picture
Offline
newbie
Last seen: 3 years 51 weeks ago
Timezone: GMT-8
Joined: 2015-11-30
Posts: 3
Points: 3

Well you can use border

Well you can use border radius property too.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 hours 1 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

Did you not view the code?

That's what the OP did.

g

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.