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
C# implements MySQL command line backup and recovery
There are many tools available for backing up MyS...
Pure CSS to achieve three-dimensional picture placement effect example code
1. Percentage basis for element width/height/padd...
Detailed explanation of MySQL Workbench usage tutorial
Table of contents (I) Using Workbench to operate ...
Example analysis of the principle and solution of MySQL sliding order problem
This article uses examples to explain the princip...
How to use mysqldump to backup MySQL data
1. Introduction to mysqldump mysqldump is a logic...
How to implement page screenshot function in JS
"Page screenshot" is a requirement ofte...
The National Day is coming. Use JS to implement a small tool to generate a National Day style avatar. Detailed explanation of the implementation process
Table of contents 1. Page Layout 2. Image upload ...
CocosCreator Typescript makes Tetris game
Table of contents 1. Introduction 2. Several key ...
Detailed example of database operation object model in Spring jdbc
Detailed example of database operation object mod...
Detailed explanation of Docker data management (data volumes & data volume containers)
When using Docker in a production environment, da...
Web Design: When the Title Cannot Be Displayed Completely
<br />I just saw the newly revamped ChinaUI....
Detailed explanation of MySQL phantom reads and how to eliminate them
Table of contents Transaction Isolation Level Wha...
How to install Docker on Windows Server 2016
Recently Microsoft released Windows Server 2016, ...
How to manually scroll logs in Linux system
Log rotation is a very common function on Linux s...
Detailed tutorial on running Tomcat in debug mode in IDEA Maven project
1. Add the following dependencies in pom.xml <...