Shopping
Sample Title
あまりたくさん文字を詰め込みすぎると途中で切れるので注意して下さい。あまりたくさん文字を詰め込みすぎると途中で切れるので注意して下さい。あまりたくさん文字を詰め込みすぎると途中で切れるので注意して下さい。
ボックスの説明１
<span class="option1">CHECK</span>
とするとボックス左上に「CHECK」マークが出ます。
<span class="option2">SOLD</span>
とするとボックス左上に「SOLD」マークが出ます。
「CHECK」や「SOLD」の文字情報はhtml側で直接変更できます。
マークのスタイルはcssフォルダのstyle.cssで変更できます。
ボックスの説明２
下のボックスは上のSOLDと同じ内容ですが、<div class="list">を<div class="list sold">にするとfigure画像が薄くなってMoreボタンが非表示になります。
必要があれば使って下さい。
回り込みの解除
ボックスが4の倍数でない場合、このように次に入る文字列などが回り込んでしまう場合があります。
回り込みを解除したい場合は、回り込みしてしまうブロックにclass="clear"を指定して下さい。
※この段落は<p class="clear">として回り込み解除しています。
