Examples of using the Li tag in HTML

I hope to align the title on the left and the date on the right. When I directly add float:right to the span of the date, IE8 and FF are OK, but IE6/7 will wrap. Here is a simple and effective solution.

XML/HTML CodeCopy content to clipboard

<!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 > </ title >
< style >
<!--
#mylist { width:400px; list-style-type:none; margin:0; padding:0; }
#mylist li span {
float:right;
}
-- >
</ style >
</ head >
< body >
< ul id = "mylist" >
< li > < span > 2011-12-2 </ span > Web Developer Network (Admin10000.com) </ li >
< li > < span > 2011-12-2 </ span > Web Developer Network (Admin10000.com) </ li >
< li > < span > 2011-12-2 </ span > Web Developer Network (Admin10000.com) </ li >
</ ul >
</ body >
</ html >

Note: The span should be written at the very beginning of the Li tag, so that the date in the span can be right-aligned in versions prior to IE6/IE7/FF3.5.

Alibaba Cloud ECS Server Getting Started Process (Must-Read Tutorial for Newbies)

Blog

Examples of using the Li tag in HTML

In-depth explanation of slots and filters in Vue

Web page creation question: Image file path

Tomcat+Mysql high concurrency configuration optimization explanation

A detailed introduction to deploying RabbitMQ environment with docker

Solution for applying CSS3 transforms to background images

MYSQL updatexml() function error injection analysis

Summary and examples of vue3 component communication methods

Implementation of proxy_pass in nginx reverse proxy

Analysis of log files in the tomcat logs directory (summary)

Alibaba Cloud ECS Server Getting Started Process (Must-Read Tutorial for Newbies)

Recommend

A detailed explanation of the overlapping and soft color matching method in web page color matching

Nginx/Httpd reverse proxy tomcat configuration tutorial

CSS3 category menu effect

mysql uses stored procedures to implement tree node acquisition method

A small collection of html Meta tags

Detailed explanation of publicPath usage in Webpack

JavaScript modularity explained

The English reading of various special symbols on the keyboard (knowledge popularization)

Introduction to the use of em in elastic layout in CSS3: How many pixels is 1em?

JavaScript ES6 Module Detailed Explanation

Vue implements login verification code

Ubuntu basic settings: installation and use of openssh-server

MySQL permission control details analysis

Navicat connects to MySQL8.0.11 and an error 2059 occurs

Example of implementing a virtual list in WeChat Mini Program