YogeshChauhan . com
How to vertically align a html radio button to it’s label?
October 18, 2020


Solution

This worked for me.

There are other solutions available fir e.g. using display:table-cell, adjust label or adjust label and radio button both. Use whichever works for you.


input[type="radio"] {
  margin-top: -1px;
}


Leave a Reply





Most Read

#1 How to set opacity or transparency using CSS? #2 Pagination in CSS with multiple examples #3 How to make HTML form interactive and using CSS? #4 How to catch .keypress() on body using jQuery? #5 How to create a CSS full page background image? #6 Some EASY-to-Understand CSS media query examples




Recently Posted

Jan 24 How to create a horizontal scrolling menu with and without flex using CSS (or SCSS)? Jan 24 How to create Glowing Text using CSS? Jan 24 Debugging in WordPress Part 3: SCRIPT_DEBUG and SAVEQUERIES Jan 24 Debugging in WordPress Part 2: WP_DEBUG_LOG and WP_DEBUG_DISPLAY Jan 24 Debugging in WordPress Part 1: WP_DEBUG Jan 23 How to change value of a span tag using a reference from another div using jQuery?




You might also like these

What are Identifiers in JavaScript?JavaScriptLearn to Implement Estimated Reading Time using PHP Part 1: The BasicsPHPHow to position an image on top of another image using CSS?CSSJavaScript arrays: a separate data type or Objects?JavaScriptPre-defined DatePipe format options in Angular 9AngularHow to show slider value in HTML5 range input using JavaScript?HTMLExplanation of PostgreSQL PgAdmin interfacePostgresThe Complete Basic Explanation of PHP SessionsPHPReverse a String in JavaScriptJavaScriptNew to ┬áDrupal? Here’s What You Need to KnowDrupalHow to change value of a span tag using a reference from another div using jQuery?jQueryHow to verify your domain in Google Console with a TXT record?Misc