CODEWITHSUNDEEP
htmlcsspositioning
AbdulAziz
AbdulAziz

Reputation: 6278

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: 6198

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: 92803

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: 5243

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