キラーテンプレート2

ここにサブ見出し1(サブタイトル1)

画像説明文

左の画像は、<div class="cont-left">という独自タグで指示しています。このように指定することにより、文章が長文の場合、画像の下はずっと空欄になるようになっています。

もし、画像の下にも文章が入ったほうがいい場合には、サブ見出し2の記述を使用して下さい。

また、
250pxの画像に対しテキスト部分は460pxで指定しています。

画像の幅を変更する場合には、
<div class="cont-right" style="width: 460px;">
ここの記述を トータルで710px になるように変更して下さい。

ここにサブ見出し2(サブタイトル2)

画像説明文

左の画像は、<div class="left">という独自タグで指示しています。

このように指定することにより、文章が画象よりも長くなる場合、画像の下にテキストが表示されるようになっています。

もし、画像の下にも文章が入らないほうがいい場合には、サブ見出し1の記述を使用して下さい。

ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章

ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章

ここにサブ見出し3(サブタイトル3)

右の画像は、<div class="cont-right">という独自タグで指示しています。このように指定することにより、文章が長文の場合、画像の下はずっと空欄になるようになっています。

もし、画像の下にも文章が入ったほうがいい場合には、サブ見出し4の記述を使用して下さい。

また、
250pxの画像に対しテキスト部分は460pxで指定しています。

画像の幅を変更する場合には、
<div class="cont-left" style="width: 460px;">
ここの記述を トータルで710px になるように変更して下さい。

画像説明文

ここにサブ見出し4(サブタイトル4)

画像説明文

右の画像は、<div class="right">という独自タグで指示しています。

このように指定することにより、文章が画象よりも長くなる場合、画像の下にテキストが表示されるようになっています。

もし、画像の下にも文章が入らないほうがいい場合には、サブ見出し3の記述を使用して下さい。

ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章

ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章 ここに文章

角丸の枠線を作る

 

460pxの場合の使用例です。

ここに文章 ここに文章 ここに文章 ここに文章

■ご注意:この行に記述しているように、
最後のpタグには、「class="m0-b"」を指定して下さい!!

 
 

550pxの場合の使用例です。

ここに文章 ここに文章 ここに文章 ここに文章

■ご注意:この行に記述しているように、
最後のpタグには、「class="m0-b"」を指定して下さい!!

 
 

640pxの場合の使用例です。

ここに文章 ここに文章 ここに文章 ここに文章

■ご注意:この行に記述しているように、
最後のpタグには、「class="m0-b"」を指定して下さい!!

 
 

730pxの場合の使用例です。

ここに文章 ここに文章 ここに文章 ここに文章

■ご注意:この行に記述しているように、
最後のpタグには、「class="m0-b"」を指定して下さい!!