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.

Detailed steps for Linux firewall configuration (based on yum warehouse configuration)

Blog

Examples of using the Li tag in HTML

Detailed explanation of HTML onfocus gain focus and onblur lose focus events

Sample code for programmatically processing CSS styles

Detailed steps for Linux firewall configuration (based on yum warehouse configuration)

Implementation of Grid common layout

JavaScript array merging case study

Detailed Introduction to MySQL Innodb Index Mechanism

CocosCreator Skeleton Animation Dragon Bones

Implementing access control and connection restriction based on Nginx

How to use vite to build vue3 application

How to connect to MySQL using C++

Recommend

Solution to the docker command exception "permission denied"

Detailed explanation of deploying Elasticsearch kibana and ik word segmenter in docker

Idea deployment tomcat service implementation process diagram

Detailed installation tutorial for MySQL zip archive version (5.7.19)

Vue+video.js implements video playlist

MySQL 5.7.18 Archive compressed version installation tutorial

Detailed steps for setting up a nexus server

Detailed explanation of installation and configuration of Redis and phpredis extension operation in Ubuntu 18.04 system

Detailed description of nginx from compilation and installation to configuration file description in Chinese

mysql 5.7.11 winx64.zip installation and configuration method graphic tutorial

MySQL 5.7.20 common download, installation and configuration methods and simple operation skills (decompression version free installation)

CSS eight eye-catching HOVER effect sample code

Some ways to eliminate duplicate rows in MySQL

Table of CSS Bugs Caused by hasLayout

Detailed graphic explanation of MySql5.7.18 character set configuration