2: 匿名
2026/01/14(水) 20:42

文字位置が画像上部と揃っている…という認識で良いでしょうか？
元タグをお借りする形で申し訳無いですが、こちらでいかがでしょう？

上記でやっているのは画像と文字を別のタグ(div)で囲ってしまって、styleにてdisplay:flex;を指定する形です。flexは内側に入れた要素(子要素)を横並びにするという設定になります。
<div style="display:flex;"><imgタグ>文字列</div>

文字列をpタグ等で挟んで、pタグのstyle属性にmarginを指定すると画像と文字の間に余白を作る事もできます。

意図と違っていたら申し訳ございません。

[引用][返信][編集][削除]

---

3: 主
2026/01/14(水) 21:34

>>2 様
！！！　そうです、これです！凄い‥！ありがとうございます！タグは無知で再度お尋して申し訳ないのですが、marginはこれであってますか‥？

①Pタグなし

Pタグあり



②pタグなし


Pタグあり

[引用][返信][編集][削除]

---

4: 匿名
2026/01/14(水) 22:12

良かったです！
marginはそれで大丈夫ですよ。pタグの方につける方(p style=""の形)が個人的にはごちゃつかなくて良いかなとは思いますが、その辺りは何処に余白をつけたいかや好みなどにも寄るところだと思うので良しなにで…。
因みにmarginのみだと上下左右すべてが対象となりますが、以下での個別指定も可能です。ご参考までに。
上のみ→margin-top
下のみ→margin-bottom
左のみ→margin-left
右のみ→margin-right

[引用][返信][編集][削除]

---

5: 主
2026/01/14(水) 23:13

はい、ありがとうございます‥！初心者過ぎてなにがどこに影響するのか理解しきってないのですが、まったりと手探りでやってみようと思います。
なにからなんまでありがたすぎる‥！お優しく教えていただき感謝しかありません‥。図々しいですが、またなにかありましたらよろしくお願いします‥！

[引用][返信][編集][削除]

---