Title: 画像の横の文字位置
Last modified: 2013年5月14日
---
# 画像の横の文字位置
* 解決済 [kazu2234](https://ja.wordpress.org/support/users/kazu2234/)
* (@kazu2234)
* [13年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%81%ae%e6%a8%aa%e3%81%ae%e6%96%87%e5%ad%97%e4%bd%8d%e7%bd%ae/)
* img srcにalign=”left”でテキストを横に表示しているのですが、
画像の上部からテキスト
がはじまらず、画像の上の部分に余白が出来てしまいます。 align=”top”にしても同じく
余白が出来ます。 自分なりに色々試してみましたが、余白が出来たままです。 この余白
を無くして、画像の上部からテキストを開始するにはどうしたらいいのでしょうか？
使用しているテンプレートは「Catch Box」です。 よろしくお願いします。
7件の返信を表示中 - 1 - 7件目 (全7件中)
* [mogue](https://ja.wordpress.org/support/users/mogue/)
* (@mogue)
* [13年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%81%ae%e6%a8%aa%e3%81%ae%e6%96%87%e5%ad%97%e4%bd%8d%e7%bd%ae/#post-161204)
* 直に書くなら
* > `style="float:left; margin:0 20px 20px 0;"`
* を足すだけでもマシになるかもしれません。
* トピック投稿者 [kazu2234](https://ja.wordpress.org/support/users/kazu2234/)
* (@kazu2234)
* [13年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%81%ae%e6%a8%aa%e3%81%ae%e6%96%87%e5%ad%97%e4%bd%8d%e7%bd%ae/#post-161205)
* すばやい回答ありがとうございます。
align=”left”の代わりに、教えていただいたコード
を入れてみたんですが テキストが表示されなくなりました。
* CSSのどの部分でこういう指定になってるのかだけでもアドバイスお願いします
* [mogue](https://ja.wordpress.org/support/users/mogue/)
* (@mogue)
* [13年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%81%ae%e6%a8%aa%e3%81%ae%e6%96%87%e5%ad%97%e4%bd%8d%e7%bd%ae/#post-161206)
* どんなスタイルが他に当たっているのかわからないのでなんともいえないんですが、
* float:left;
で回り込みの設定をしています。
* margin:0 20px 20px 0;
で画像周りのマージンをとって、回り込んだ文字が画像とく
っつかないようにしています。今回の要望にはなくてもいい要素です。
* > `
テキストテキスト
> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
> テキスト
`
* こんな感じにするとキマルんじゃないでしょうか。
* [nobita](https://ja.wordpress.org/support/users/nobita/)
* (@nobita)
* [13年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%81%ae%e6%a8%aa%e3%81%ae%e6%96%87%e5%ad%97%e4%bd%8d%e7%bd%ae/#post-161208)
* こんにちは
* 参考まで、
* [http://weblan3.com/css/vertical-align.php](http://weblan3.com/css/vertical-align.php)
* [mogue](https://ja.wordpress.org/support/users/mogue/)
* (@mogue)
* [13年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%81%ae%e6%a8%aa%e3%81%ae%e6%96%87%e5%ad%97%e4%bd%8d%e7%bd%ae/#post-161209)
* **table**だったらありですね。
* > vertical-alignプロパティは、インライン要素とtableのセル要素の縦位置の揃え方
> を指定出来ます。
* [mogue](https://ja.wordpress.org/support/users/mogue/)
* (@mogue)
* [13年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%81%ae%e6%a8%aa%e3%81%ae%e6%96%87%e5%ad%97%e4%bd%8d%e7%bd%ae/#post-161210)
* nobitaさんの補足になります。
どうにもならないときはこんな感じでどうでしょうか。
* > `
>  テキストテキスト
> テキスト |
` ※こんな感じでいけると思うんですが。
* floatでいけると思っていたのですが、環境によりいけなかったら、もうテーブルでい
ってしまうというのもありだと思います。私事で恐縮ですが、最近の仕事でやっぱりどー
ーしてもテーブルにレイアウトを頼らなければならない場面がありました。
表示でき
ないよりは解決が優先される場合は試してみてください。 tableはなんやかんやでレイアウト
しやすいですからね。5年前まではtableレイアウトもたくさんみかけました。近年では
よほどのことがない限り採用されませんが。
* トピック投稿者 [kazu2234](https://ja.wordpress.org/support/users/kazu2234/)
* (@kazu2234)
* [13年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%81%ae%e6%a8%aa%e3%81%ae%e6%96%87%e5%ad%97%e4%bd%8d%e7%bd%ae/#post-161211)
* mogueさんnobitaさんありがとうございました。
float:left;でなんとか出来ました。
* vertical-align:はもともとCSSで指定されていたので、baseline;からtop;に変更して
みても変わらなかったので質問させていただきました。
最初に書くべきでしたね。すいません。
* tableは確かに楽ですよね。
ただtableはあまりよろしくないというのをどこかで読ん
だ事があり、 CSSで何とかできないかと思っていました。
* お二方本当にありがとうございました。
7件の返信を表示中 - 1 - 7件目 (全7件中)
トピック「画像の横の文字位置」には新たに返信することはできません。
## タグ
* [画像 CSS](https://ja.wordpress.org/support/topic-tag/%e7%94%bb%e5%83%8f%e3%80%80css/)
* フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
* 7件の返信
* 3人の参加者
* 最後の返信者: [kazu2234](https://ja.wordpress.org/support/users/kazu2234/)
* 最後の活動: [13年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%81%ae%e6%a8%aa%e3%81%ae%e6%96%87%e5%ad%97%e4%bd%8d%e7%bd%ae/#post-161211)
* 状態: 解決済
## トピック
### 人気のトピック
### 返信がないトピック
### サポート関連ではないトピック
### 解決済みのトピック
### 未解決のトピック
### すべてのトピック