画像と文字の位置を揃える方法

トップページ＞ソフト・ツール系＞画像と文字の位置を揃える方法

画像と文字の位置を揃える方法

チェックマークなどの画像から始まる文章を書こうとすると、
画像と文字がずれてしまったりしませんか？

チェックマーク

こんな感じです。↑
文章の位置が下過ぎますよね。

これじゃ、使えない^^;
私は結構これで悩みました。

いろいろ試行錯誤して、やっと見つけました。
画像と文字の位置をある程度揃える方法を。

↓これだと、どうですか？

チェックマークテストテストテスト1
テストテストテスト2
テストテストテスト3

チェックマークと文字の位置が揃っていますよね。

別のチェックマークを使って文字も大きくしてみます。

チェックマークと文字の位置を揃える
画像と文章の位置を整える

これも上手くできました。

はい、では揃える方法です。

スタイルシートを触るのは面倒なので、HTMLだけで揃えてみます。

文字が下にずれていた元の
<img src="チェックマーク画像" width="サイズ" height="サイズ" alt="" >文章　に
style="vertical-align:middle"を加えるだけです。

<img src="チェックマーク画像" width="サイズ" height="サイズ" alt="" style="vertical-align:middle">文章

もっと別の画像を使って実験してみました。

三角形

　↑三角形という文字が下にずれてしまいました。

このような場合は、

<img src="三角形画像" width="サイズ" height="サイズ" alt="" style="vertical-align:middle">三角形に

style="vertical-align:middle"ではなく、
代わりに　align="middle"を入れて、
<img src="三角形画像" width="サイズ" height="サイズ" alt="" align="middle">三角形　とすると上手くいくようです。

成功しました。↓

三角形

五角形

今回は画像の垂直方向の中心に沿って文字を並べる方法についてでした。
もうちょっと時間のある時に勉強したいです。

もっと簡単な方法があったら教えてくださいね。

無料プレゼント

◆　先着250名様に実践的極秘レポートを無料プレゼント中！◆

メルマガ登録

アフィリエイトで稼ぐためにもっとも重要なのが
「マインド」と「ライティング力」です。

絶対に稼ぐんだという強い思考・姿勢(マインド)、
そして、お客さんの心をぐいぐい動かす文章力(ライティング力)があれば
どう転んだとしても稼げてしまいます。

『月5万円の壁を突破する14のマインドセット』と『コピーライティング3つの黄金ルール』の
2つのレポートを無料で手に入れて、
ぜひ稼げるアフィリエイターになってください！

2つのレポートを受け取ると、
さらに濃厚なノウハウ・情報・プレゼントが満載のメルマガ『ようじろう◆痛快アフィリエイト通信』に読者登録され、このメルマガを読むことができます。

先着250名様限定。お急ぎください！

プレゼントのお申し込みはこちらをクリック

↓　↓

画像と文字の位置を揃える方法関連ページ

Youtube動画教材からmp3音声を抜き出す: アフィリエイトの作業をするのに役立つ便利なソフトやツールを紹介します。
アドウェアを削除する: アフィリエイトの作業をするのに役立つ便利なソフトやツールを紹介します。
M4AをMP3に変換するサイト: アフィリエイトの作業をするのに役立つ便利なソフトやツールを紹介します。
報酬画像にモザイクをかける超簡単な方法: アフィリエイトの作業をするのに役立つ便利なソフトやツール、使い方などを紹介します。今回はモザイクのかけ方です。
m4aをmp3に変換する無料ソフト: アフィリエイトの作業をするのに役立つ便利なソフトやツールを紹介します。
SIRIUSのオリジナル特典　予告編: SIRIUSはアフィリエイターなら絶対に持っていて欲しい最高の機能を備えたサイト作成ツールです。もちろんブログも作れます。ですが、やはりツールなので購入しただけでは稼ぐことは出来ません。この最高の機能生かして、どうやって稼ぐかをようじろうがオリジナル特典で暴露します。まずは予告編をご覧ください。
SIRIUS(シリウス)とWordPress(ワードプレス)　どっちが良い？: SIRIUS(シリウス)とWordPress(ワードプレス)。アフィリエイトをしていると、どちらを使用すればよいのか迷うものです。それぞれに長所、短所がありますから。私の答えはどちらも使うです。その理由をお話しします。
パソコンのトラブルにはシステムの復元が効く！: アフィリエイト作業をしていると、急にパソコンがトラブルに。よくありますね。そんなときは、システムの復元が意外と効きますよ。

画像と文字の位置を揃える方法