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
Post a Comment