Code for aligning form checkbox and radio text

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

Analysis of permissions required to run docker

Running Docker requires root privileges. To solve...

Detailed explanation of MySQL 8's new feature ROLE

What problems does MySQL ROLE solve? If you are a...

Full steps to create a high-performance index in MySQL

Table of contents 1. Index Basics 1. Types of Ind...

MySQL slow query: Enable slow query

1. What is the use of slow query? It can record a...

The front-end must know how to lazy load images (three methods)

Table of contents 1. What is lazy loading? 2. Imp...

Install Zookeeper under Docker (standalone and cluster)

After starting Docker, let's take a look at t...

JavaScript implements div mouse drag effect

This article shares the specific code for JavaScr...

Complete steps to use vue-router in vue3

Preface Managing routing is an essential feature ...

Node uses async_hooks module for request tracking

The async_hooks module is an experimental API off...

How to change the encoding of MySQL database to utf8mb4

The utf8mb4 encoding is a superset of the utf8 en...

Detailed explanation of Linux commands sort, uniq, tr tools

Sort Tool The Linux sort command is used to sort ...

How to modify mysql to allow remote connections

Regarding the issue of MySQL remote connection, w...