<p class="field1">
    <input type="radio" />
    <label>Mr</label>
</p>

I really wont know how to do so. would you please give me an example??

Well the paragraph tag could easily be a span or a div e.g.

<div class="field1">
    <input type="radio" />
    <label>Mr</label>
</div>

“As for floating multiple radio buttons”
Thank you it worked well: added style=”float:left;” to the p element that surround the radio buttons

“Yes the p tags where there so I could use the :not() pseudo-class to exclude IE8 from picking up the styles. The surrounding container can be any valid tag you want. Or it doesn’t need to around it at all.”
I really wont know how to do so. would you please give me an example??

Thanks

Yes the p tags where there so I could use the :not() pseudo-class to exclude IE8 from picking up the styles. The surrounding container can be any valid tag you want. Or it doesn’t need to around it at all.

As for floating multiple radio buttons, a container around each custom radio input would be optimal and all you do is float the containers you want to sit next to each other.

1- is there a way to avoid adding the ‘p’ tags around the checkboxes/ radios ???

2- how can I display for example 3 radio buttons in the same line, not 1 radio button per line??
ex.: O Mr O Mme O Miss

Thanks you so much

“Did you miss a word there, not sure what you mean?”
yeah, the word has been deleted because it was the p tag: [p]

Thanks once again