ホームページ作成 - リストを表示する（左寄せ）

ＴＯＰ > リスト > リストを表示する（左寄せ）

リストを表示する（左寄せ）

リストを左寄せに表示する方法です。（通常は、特に指定していない場合には、左寄せになります。）

sample

項目１行目
項目２行目

ＨＴＭＬ　align="left"

リストを左寄せに表示するにはスタイルシートにて行います。

ホームページ作成ＴＯＰ > リスト > リストを表示する（左寄せ） > このページのＴＯＰ　▲

スタイルシート　text-align:left

リストをスタイルシートで左寄せに表示するには、リスト自体の<ul>や<ol>に対してtext-align:leftを適用します。

要素に直接書く

書き方は


<ul style="text-align:left">
<li>項目１行目</li>
<li>項目２行目</li>
</ul>

headに書く

書き方は


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">

 <style type="text/css">
 <!--

         ul   { text-align:left;}

 -->
 </style>
 </head>
 <body>

         <ul>
         <li>項目１行目</li>
         <li>項目２行目</li>
         </ul>

 </body>
</html>

こうなります