Code for aligning form checkbox and radio text
|
Alignment issues like type="radio" and type="checkbox", tested browser: ie7+/firefox8.0 Principle: Set the first font in font-family to Verdana font. The test code is as follows: Copy code The code is as follows:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Method for perfect vertical center alignment of form element input and text-123WORDPRESS.COMwebjx.com</title> <style type="text/css"> body {font:12px/24px verdana;} ul {list-style:none;} input,label { vertical-align:middle;} </style> </head> <body> <ul> <li><input type="radio" /><label>Contract for the Beneficiary</label></li> <li><input type="checkbox" /><label>Contract for beneficiary</label></li> <li><input type="radio" /><label>Microsoft</label></li> <li><input type="checkbox" /><label>Microsoft</label></li> </ul> </body> </html> |
<<: CSS scroll bar style modification code
>>: Refs and Ref Details in Vue3
Recommend
Docker installation rocketMQ tutorial (most detailed)
RocketMQ is a distributed, queue-based messaging ...
How to use lazy loading in react to reduce the first screen loading time
Table of contents use Install How to use it in ro...
Linux completely removes node.js and reinstalls it through the yum command
first step Delete it once with the built-in packa...
Summary of several situations in which MySQL indexes fail
1. Indexes do not store null values More precisel...
How to implement Linux deepin to delete redundant kernels
The previous article wrote about how to manually ...
Detailed introduction of Chrome developer tools-timeline
1. Overview Users expect the web applications the...
Detailed explanation of CSS margin overlap and solution exploration
I recently reviewed some CSS-related knowledge po...
Summary of Commonly Used MySQL Commands in Linux Operating System
Here are some common MySQL commands for you: -- S...
Detailed explanation of the implementation of manual and automatic tracking of WeChat applet (Taro)
If every company wants to increase its user base,...
MySQL 5.6.24 (binary) automatic installation script under Linux
This article shares the mysql5.6.24 automatic ins...
Quick solution for forgetting MySQL8 password
Preface When we forget the MySQL database passwor...
MySQL 5.6 compressed package installation method
There are two installation methods for MySQL: msi...
Summary of frequently used commands for Linux file operations
0. New operation: mkdir abc #Create a new folder ...
JS implements the sample code of decimal conversion to hexadecimal
Preface When we write code, we occasionally encou...
Example code for using @media in CSS3 to achieve web page adaptation
Nowadays, the screen resolution of computer monit...