賢威7のFloatLeft

賢威7のデフォルトCSSを使って簡単に横並びができます。

結構気軽に横並びをやりたいことがあるのですが、float-left を使うと解除が
面倒くさかったりしますよね。

そこで賢威7のデフォルトのCSSにないかソースを見てて見つけたのでメモ。

<div class="clearfix">
  <div class="fl-l"><img src="http://nb-style.info/wp-content/uploads/2016/07/logo_win10-100x100.jpg" /></div>
  <div class="fl-l">
    <p>ここにに説明文ここにに説明文ここにに説明文ここにに説明文ここにに説明文<br />
      ここにに説明文ここにに説明文ここにに説明文ここにに説明文
 </p>
  </div>
</div>
  <div>きちんと解除されている確認用の行</div>

こういう風になります。

ここにに説明文ここにに説明文ここにに説明文ここにに説明文ここにに説明文
ここにに説明文ここにに説明文ここにに説明文ここにに説明文

きちんと解除されている確認用の行

連続で使いたい場合は

<div class="clearfix">～</div>

これをコピペで使えばいけます。

最新ネットビジネス速報をいち早くお届け！

有益な情報を最新で配信しています。