fieldset same line

html line fieldset
33528 picture 33528 · Feb 22, 2013 · Viewed 16.4k times · Source

I have 2 fieldsets:

<fieldset> first fildset </fieldset>

<fieldset> second fieldset </fieldset>

how can I place them in same line?

Answer

Cristian Lupascu picture Cristian Lupascu · Feb 22, 2013

You can set their display css property to inline:

<style type="text/css">
  fieldset.inline {
    display: inline;
  }
</style>

<fieldset class="inline"> first fildset </fieldset>
<fieldset class="inline"> second fieldset </fieldset>

Here's how the result looks: http://jsbin.com/aseyej/1/edit

Related questions

How do you make div elements display inline?

Given this HTML: <div>foo</div><div>bar</div><div>baz</div> How do you make them display inline like this: foo bar baz not like this: foo …

Read More
Add centered text to the middle of a <hr/>-like line

I'm wondering what options one has in xhtml 1.0 strict to create a line on both sides of text like-so: Section one ----------------------- Next section ----------------------- Section two I've thought of doing some fancy things like this: <div style="float:…

Read More
Drawing a connecting line between two elements

How can I drawing a line between two or more elements to connect them? Any combination of HTML/CSS/JavaScript/SVG/Canvas is fine. If your answer supports any of these, then do mention it: draggable elements draggable/editable connections …

Read More