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

python - Writing Greek in matplotlib labels, titles -

c# - LINQ to Entities does not recognize the method 'Int32 IndexOf(System.String, System.StringComparison)' method -

Pygame memory leak with transform.flip -