すばやい回答ありがとうございます。
align=”left”の代わりに、教えていただいたコードを入れてみたんですが
テキストが表示されなくなりました。
CSSのどの部分でこういう指定になってるのかだけでもアドバイスお願いします
どんなスタイルが他に当たっているのかわからないのでなんともいえないんですが、
float:left;
で回り込みの設定をしています。
margin:0 20px 20px 0;
で画像周りのマージンをとって、回り込んだ文字が画像とくっつかないようにしています。今回の要望にはなくてもいい要素です。
<p><img src="...." style="float:left; margin:0 20px 20px 0;">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
こんな感じにするとキマルんじゃないでしょうか。
nobitaさんの補足になります。
どうにもならないときはこんな感じでどうでしょうか。
`<table>
<tr><td style=”vertical-align:top;”><img src=”….”>テキストテキストテキスト</td></tr>
</table>`
※こんな感じでいけると思うんですが。
floatでいけると思っていたのですが、環境によりいけなかったら、もうテーブルでいってしまうというのもありだと思います。私事で恐縮ですが、最近の仕事でやっぱりどーーしてもテーブルにレイアウトを頼らなければならない場面がありました。
表示できないよりは解決が優先される場合は試してみてください。
tableはなんやかんやでレイアウトしやすいですからね。5年前まではtableレイアウトもたくさんみかけました。近年ではよほどのことがない限り採用されませんが。
mogueさんnobitaさんありがとうございました。
float:left;でなんとか出来ました。
vertical-align:はもともとCSSで指定されていたので、baseline;からtop;に変更してみても変わらなかったので質問させていただきました。
最初に書くべきでしたね。すいません。
tableは確かに楽ですよね。
ただtableはあまりよろしくないというのをどこかで読んだ事があり、
CSSで何とかできないかと思っていました。
お二方本当にありがとうございました。
