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.

Implementation of two-way binding of parent-child component data in front-end framework Vue

Blog

Examples of using the Li tag in HTML

Pure CSS to achieve cool neon light effect (with demo)

CSS3 creates web animation to achieve bouncing ball effect

How to start/stop Tomcat server in Java

Front-end JavaScript thoroughly understands function currying

How to implement an array lazy evaluation library in JavaScript

JavaScript to add and delete messages on the message board

Linux common text processing commands and vim text editor

Implementation of two-way binding of parent-child component data in front-end framework Vue

Solution to forgetting the root password of MySQL 5.7 and 8.0 database

JavaScript Snake Implementation Code

Recommend

WEB Chinese Font Application Guide

Nginx load balancing configuration, automatic switching mode when downtime occurs

Summary of MYSQL full backup, master-slave replication, cascading replication, and semi-synchronization

CSS uses position + margin to achieve the method of horizontal and vertical centering of fixed boxes

MySQL variable principles and application examples

Vue two same-level components to achieve value transfer

Nginx reverse proxy forwards port 80 requests to 8080

Detailed explanation of Nginx Location configuration (Location matching order)

mysql trigger creation and usage examples

mysql replace part of the field content and mysql replace function replace()

How to use Linux locate command

Solution to "No such file or directory" in locale after installing glibc-2.14 in CentOS6.5

Detailed explanation of crontab scheduled execution command under Linux

JavaScript simulation calculator

Implementation of local migration of docker images