こんにちは（・∀・）

CSSプロパティのご紹介です。今回ご紹介するCSSプロパティはfloatです。

概要

floatプロパティを使用して要素を左または右に寄せて配置し、後に続く要素(文字列等)をその反対側に表示させます。

.sample {
  float: left;
}

適用要素

すべての要素

指定できる値

none

左右へ配置しない

left

左側に配置し後に続く要素を右側に回り込ませる

right

右側に配置し後に続く要素を左側に回り込ませる

初期値

none

サンプル

HTML

<p class="demo">サンプルデモ</p>
<p class="demo">サンプルデモ</p>
<p class="demo">サンプルデモ</p>

CSS

.demo {
  float: left;
}

Result