HTMLでのLiタグの使用例

2022-01-26 14:47:54

タイトルを左に、日付を右に配置したいのですが、どうすればいいですか？日付のspanに直接float:rightをつけると、IE8とFFはOKですが、IE6/7は改行されてしまうので、簡単で効果的な解決策を紹介します。

<スパン XML/HTMLコード内容をクリップボードにコピーする

<スパン <!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"。 <スパン >
<スパン <スパン <
ヘッド >
<スパン <スパン <
メタ http-equiv = "Content-Type"。内容 = "text/html; charset=utf-8"。 />
<スパン <スパン <
タイトル > </ タイトル >
<スパン <スパン <
スタイル >
<! --
<スパン
#mylist { width:400px; list-style-type:none; margin:0; padding:0; }.
#mylist li span {
float:right。
}
<スパン -- >
<スパン <スパン </ スタイル >
<スパン <スパン </ ヘッド >
<スパン <スパン <
本体 >
<スパン <スパン <
ウルイド = mylist" > <スパン
<スパン
<スパン <スパン <
li > < スパン > 2011-12-2 </ スパン <スパン > Web Developer Network (Admin10000.com) </ li >
<スパン <スパン <
li > < スパン > 2011-12-2 </ スパン <スパン > Web Developer Network (Admin10000.com) </ li >
<スパン <スパン <
li > < スパン > 2011-12-2 </ スパン <スパン > Web Developer Network (Admin10000.com) </ li >
<スパン <スパン </ ウル >
<スパン
<スパン <スパン </ 本体 >
<スパン <スパン </ html >

注）IE6/IE7/FF3.5以前では、スパン内の日付が右寄せになるように、Liタグの上部にスパンを記述してください。

関連