HTMLの番号なしリストを整列する方法

コンテンツ

• 説明書

Webデザイナーは、単にブックマークやテキストを追加するだけではなく、「番号なし」または「ブックマーク」リストを使用します。番号なしリストの作成に使用されるHTMLタグは、メニューを作成したり、JavaScriptをプレゼンテーションにロードするための画像を整理したりするのに役立ちます。これらのリストと一緒にCSS（Cascading Style Sheet）の使い方を学ぶと、Webデザインの可能性が広がります。番号なしリストを整列させることは、改善する上で非常に重要なスキルです。

説明書

CSSコードを使用してHTMLの番号なしリストを整列させる （Jupiterimages / Photos.com / Getty Images）

1. 番号なしリストを含むHTMLファイルを開き、タグを見てください。 、コードの上部にあります。タグを追加>および まだ存在していない場合コードにタグが含まれている場合

2. その後のどこかにCSSファイルへの参照が含まれているので、そのファイルを開きます。 CSSコードは>との間に入ります。 またはCSSファイルの新しい行に。

3. タグの "text-align"プロパティを設定して、ブックマーク内のテキストを整列させる

   。これはタグを含みます
   • そして
   それらを単一のリストの一部として定義します。タグ内のテキストを揃えるとき
   つまり、リスト内のすべての要素が影響を受けますが、リスト自体は影響を受けません。ページの左右に影響します。 CSSコードを使用して「text-align」プロパティを設定する例としては、「ul {text-align：right;}」を使用します。マーカーはテキストと共に移動しません。この場合、それらは左側にあります。

4. タグの "float"プロパティを設定して、リスト全体をページの左右に揃えます。

   。このプロパティは、ページの左右に移動することでリスト全体に影響します。コード "ul {float：right;}"を書いてください。

   このプロパティは左右に設定できますが、中央には設定できません。

5. タグを封印する

   タグを使用して、ページのリストを中央に配置するラップを作成します。コードは次のようになります。」
   • リスト要素
   • リスト要素
   '.

   タグはそれ自体では何も整列しません。あなたはすべてを中心にCSSを使うべきです。リストの中央に配置するには、>タグの間またはCSSファイルに次のコードを追加します。 "div {display：block; text-align：center;} ul {display：inline-block; text-align：left;}"