ビジネスサイト向け無料ホームページテンプレート tp

詳細ページ

<body>を<body class="c1">にすると当ページのように１カラムレイアウトになります。
既にclass指定がある場合は半角スペースで区切って指定して下さい。例：<body class="sample c1">

１カラムにするとサブブロックは表面上見えなくなりますがhtmlには残っているので１カラムで使い続けるならサブブロックの内容は削除して下さい。

上のタイプは<div class="list">ですが、これを<div class="list c3">にするとこちらの３列タイプになります。
画像サイズは自由で構いませんが、縦横比率は揃えて下さい。テキストを詰め込みすぎると飛び出た部分は非表示になります。

sample text.

sample text.

sample text.

sample text.

ボックスが３の倍数でない場合、このように次に入る文字列などが回り込んでしまう場合があります。
回り込みを解除したい場合は、回り込みしてしまうブロックにclass="clear"を指定して下さい。

※この段落は<p class="clear">として回り込み解除しています。