CSS: how to make label appear right of the radio?

Tags: css,radio-button

Problem :

Say I have the following mark up:

<label for="name">Name:</label>
<input type="radio" name="name" id="name"/>

The order of the tags appear to be proper to me (in a semantic sense: label before the thing you're labeling). But I want to display this as radio button first, followed by the label. How can I do that in CSS?

Solution :

You don't need CSS. Wrap your input in a label and put the text last.

<label><input type="radio" name="name" id="name"/>Name:</label>

Is that still semantic for you?

Or you could try the float.

    CSS Howto..

    How to select “label for=list[]” in CSS?

    how to target IE 6 AND IE7 in css

    Does anyone know how to store a css change made by javascript function locally?

    How to remove space between list items in navigation (HTML / CSS)

    How to set color of the Button with jQuery UI?

    How do I align an image within a pan/hover border/box?

    How to make float navbars with JS and CSS?

    how to change default Bootstrap link hover color to custom color? [closed]

    How do you scroll the page content over a cover image (like medium.com)?

    How do I make this menu using only HTML and CSS

    How to set the height with css to 100% and make it fluid?

    How to force modern Internet Explorer to show proper gradient background in real web sites

    How to display separate paragraphs in the same area using CSS HTML

    How to show only half of bootstrap glyphicon with css

    How can I get the first and last name labels to align under the corresponding input forms?

    how to Resize Quick TIme Player to the size of an HTML/CSS DIV

    How can I get this effect (on height) with jquery?

    How to make images go inline vs break to a new line?

    How is designing shape similar to waves with html and css?

    How to make carousel have a max width, and load without resize

    How to change the scrollbar color using css [duplicate]

    How to put the menu over the content?

    Website Content Shown on Moz but not Chrome

    How would I go about making my q and a page like this: http://www.text-link-ads.com/r/faq

    How can I use a different CSS using jQuery?

    How to make CSS for HTML5
    work properly in IE?

    how to show JS alert on open of each tab of the slider?

    How to add far-future expires headers to minified cssfiles/scripts?

    the tab's content shows abnormal under IE7

    How do I change the display position from absolute to relative?