style type="text/cssの使い方が分からない

Question

前提・実現したいこと

某通販サイトでオプション追加にてこずっております。
Aという商品があります。画像は選択して追加ではなく、紹介説明文の場所に画像を埋め込んでいます。
ここに
□ □ □

というようにリンクがついている画像三つを横並びにしたいです。

発生している問題・エラーメッセージ

ここの某サイトはCSSが使用できません。
ですので、CSSを直接使用できる【style type="text/css"】
を使おうとしたんですが、いかんせんimgをそこに突っ込んでいいか分からずじまいの状態です。
ふんわりしている質問ですみません。

該当のソースコード

HTML
style type="text/css"

試したこと

<img src="URL">　　　　　　　　　　　(表示された)

<p></p> <style type="text/css"> <img scr="URL">　　　　　　　　　　　(表示されない) {margin: 100px 50px;} </style> <p></p> <img src="URL">　　　　　　　　　　　 (表示された)

補足情報（FW/ツールのバージョンなど）

Answer 1

許可されている内容 type 属性に合致するテキストコンテンツ、すなわち text/css。

<style>: スタイル情報要素 - HTML: HyperText Markup Language | MDN

となっていますので、style要素の中にHTML要素を入れることはできません。

---

おそらく、あなたがやりたいことは、style要素ではなくてstyle属性でしょう。

style - HTML: HyperText Markup Language | MDN

Comments

[kauyu]

回答ありがとうございます。
ということは、【<style type="text/css">】ではなく【div style】を使えばいい…って感じですかね？！

[Lhankor_Mhy]

そうではなくて、img要素にスタイルをつけたいなら、img要素にstyle属性を使えばいい、ということです。
<img src="URL" style="margin: 100px 50px;">

[kauyu]

なるほど！！！！！！！！！
ちょっと試してきます！！ありがとうございます…！！

[kauyu]

できました！！！！！！！！！！
ありがとうございます！！！！！！