html - How to vertically align radio buttons with text on the same line? -


I've written two radio buttons and HTML below to display some text.

  & lt; Input id = "radio1" type = "radio" checked "" check "/> make application name 
input id =" radio2 "type =" radio "/> Create a source name

My problem is that the radio buttons and text are not aligning properly. The radio buttons are displaying a bit below the text. How to align the radio buttons and text on the same line?

< / Kbd>

vertical-align: Medium:

Aligns the vertical midpoint of the box with the baseline of the original box plus the height of x-parent height.

Due to this fact, due to the fact browsers usually add some random unequal margins to the radio buttons and checkboxes.

Use inline style, weird but true:

  & lt; input type = "radio" style = "vertical-align: Dyam; Margin: 0px; "> Labels 

Input Type =" Radio "style =" vertical-align: medium; Margin: 0px; "> Labels

Input Type =" Radio "style =" vertical-align: medium; Margin: 0px; "& gt; Label


Edit

By Gavin Kiriser, which is useful. Attempted the final suggestion on the page which starts rendering honorably in Chrome, IE, Firefox, Opera, and Safari.

What I did was td {line-height: 1.5 Em}

Comments

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -