CODEWITHSUNDEEP
htmlcsspositioning
AbdulAziz
AbdulAziz

Reputation: 6298

HTML, CSS issue: HTML fieldset placing/positioning

I have a HTML page with personal information details using text boxes. I have two fieldsets as in

this Jsfiddle.

As noticed that the fieldsets are placed up and down position. My question is that

How can I placed these two fieldsets side by side (left & right position)?

Thank you

Upvotes: 1

Views: 6208

Answers (4)

Teja
Teja

Reputation: 11

Change fieldset stye to below

  fieldset {
            border: 1px dotted #61B5CF;
            margin-top: 1.4em;
            padding: 0.6em;
            float:left;
            width:40%;
           }

Upvotes: 0

sandeep
sandeep

Reputation: 92873

Remove width:40% from form & give float to your fieldsets.

Check this: http://jsfiddle.net/XdRYT/8/

Upvotes: 4

Michael Seibt
Michael Seibt

Reputation: 1346

I removed the form width: 40%; and assigned a float:left; property on those fieldsets. Here is the corrected fiddle: Try me

Upvotes: 4

Anatoly
Anatoly

Reputation: 5241

Simplest solution is create table with two cells and one row and place each fieldset in different cell. Another bit more complicated is to use CSS to format it.

Upvotes: 3

Related Questions