float プロパティ

float プロパティは、テキストが周囲を流れる（回り込む）浮動要素を設定します。 float プロパティは、要素の回り込みを解除する clear プロパティと組み合わせて使用されることがあります。

本来 float は、テキスト内に流し込まれる要素のために考案されたものですが、 現在では、レイアウト構築のため、非常に広範に非標準的な方法で使用されています。

構文

cssセレクタ {
  float: left | right | none;
}

cssセレクタ {
  clear: both | left | right | none;
}

float の値

初期値: none。

clear の値

初期値: none。

例

float を非標準的な方法で使用し、リスト項目を横並びに配置します:

html<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

cssli {
  float: left;
  border: 1px solid red;
}

Результат:

関連項目