見出し1 ソース

<div class="project_st01">
Assembridge NAGOYA プレイベント<br />
現代美術展「パノラマ庭園 ー動的生態系にしるすー」
</div>

クリップボードにコピー



見出し2 ソース

<div class="project_st02">
プログラム
</div>

クリップボードにコピー



見出し 3 ソース

<div class="project_st03">
イベント概要
</div>

クリップボードにコピー



仕切り線 ソース

<div class="project_st04"></div>

クリップボードにコピー



リスト表示 ソース

<div class="project_st05">
<dl>
<dt>日付</dt>
<dd>3月21日（月・祝）17:00-18:30</dd>
</dl>
<dl>
<dt>会場</dt>
<dd>ボタンギャラリー</dd>
</dl>
<dl>
<dt>テスト</dt>
<dd>< dl >から< /dl >を複製する事で段を増やせます</dd>
</dl>
<br clear="all">
</div>

クリップボードにコピー



薄青背景 ソース

<div class="project_st06">
背景を薄青にする場合はこちらです。padding 20px指定 margin上下20px
</div>

クリップボードにコピー



画像二枚横並び表示
ソース

<div class="project_st07 clearfix">
<div class="left"><img src="xxx.jpg" alt="" width="" height="auto"/></div>
<div class="right"><img src="xxx.jpg" alt="" width="" height="auto"/></div>
</div>

クリップボードにコピー



画像三枚横並び表示
ソース

<div class="project_st08 clearfix">
<div class="left"><img src="xxx.jpg" alt="" width="" height="auto"/></div>
<div class="center"><img src="xxx.jpg" alt="" width="" height="auto"/></div>
<div class="right"><img src="xxx.jpg" alt="" width="" height="auto"/></div>
</div>

クリップボードにコピー