Fitting a <fieldset> to the size of its content with CSS?

html css fieldset
Stefan Kendall picture Stefan Kendall · Oct 6, 2010 · Viewed 20.1k times · Source

Here's a fiddle.

I need to make the <fieldset> the width of its contents, rather than its parent. Is there a good way to do this?

Answer

Smegger picture Smegger · Oct 6, 2010

Add display:inline to the fieldset http://jsfiddle.net/XDMfN/92/

Related questions

Is there any way to have a fieldset width only be as wide as the controls in them?

It seems that fieldset defaults to 100% width of its container. Is there any way that you can have the field set just be as big as the widest control inside the fieldset?

Read More
<fieldset> resizes wrong; appears to have unremovable `min-width: min-content`

Problem I have a <select> where one of its <option>’s text values is very long. I want the <select> to resize so it is never wider than its parent, even if it has …

Read More
Center a field set with CSS

I'm trying to center a fieldset containing the login "username" and "password" fields to the center of the page. Here is what I have: fieldset{ border: 1px solid rgb(255,232,57); width: 400px; float: left; } I want the fieldset to be centered …

Read More