CODEWITHSUNDEEP
htmlcssposition
Sowmya
Sowmya

Reputation: 26969

Radio Button Label Positioning

I need to place the label text to left and the radio button to the right side of the div.

Here is my code: http://jsfiddle.net/mK3DV/3/

Also when I check the result in code, the radio checked image size varies. Any solution?

Upvotes: 4

Views: 8224

Answers (2)

Prashobh
Prashobh

Reputation: 9542

Give padding for your needs.

input[type="radio"] + label
{
    background: url(http://manual.evolvesystems.ws/img/check_icon.jpg) right center no-repeat;
    background-size: 20px; 
    width: 23px;
    height: 25px;
    display:inline-block;
    padding:xx xx xx xx;
}

Upvotes: 0

Kiran
Kiran

Reputation: 20313

Updated fiddle code:

http://jsfiddle.net/mK3DV/10/

Credit goes to rickyduck

Upvotes: 2

Related Questions