以下の内容はhttp://10plate.blog44.fc2.com/blog-entry-111.htmlより取得しました。


画像と文字を横に並べて記事を投稿する

光の翼この記事のように画像と文字を横に並べて記事を投稿する方法を紹介します。投稿する画像が縦に細長く横に空間が空いてしまう場合等に有効です。


記事入力画面で画像を挿入しようとするとタグが書き込まれますが、このタグに下記記述を加えます。

【画像を左、文字を右にする場合】

<a href="http://blog-imgs-19.fc2.com/1/0/p/10plate/eaglegd.gif" target="_blank"><img style="float:left; margin-right:10px;" src="http://blog-imgs-19.fc2.com/1/0/p/10plate/eaglegd.gif" alt="光の翼" border="0"></a>ここに書いた文字が画像の右に表示されます。<br clear="all">
ここから書いた文章が画像の下に表示されます。


【画像を右、文字を左にする場合】

<a href="http://blog-imgs-19.fc2.com/1/0/p/10plate/eaglegd.gif" target="_blank"><img style="float:right; margin-left:10px;" src="http://blog-imgs-19.fc2.com/1/0/p/10plate/eaglegd.gif" alt="光の翼" border="0"></a>ここに書いた文字が画像の左に表示されます。<br clear="all">
ここから書いた文章が画像の下に表示されます。



marginの数値は画像と文字の間隔です。お好みの数値に設定してください。
関連記事



以上の内容はhttp://10plate.blog44.fc2.com/blog-entry-111.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.13