0

わかりましたので、その中に画像を含むテキストがあります。

<h1>First<img alt="image" src="../images/middle.png">Name</h1>

そして今、テキストを画像の中央に配置したくありません(画像に垂直方向の配置を追加することでそれができることはわかっています)が、テキストを画像の約3.5/4にしたいので、正確ではありません画像の真ん中ですが、画像の少し下にあります。画像に margin-top を追加してみることにしましたが、その後、画像と h1 も下に移動しました。私はそれから試しました

<h1 class="text">First</h1><img alt="image" src"../images/middle.png"><h1 class="text">Name</h1>

これにより、最初の h1、画像、および 2 番目の h1 がすべて別の行に表示されます。次に、h1 ディスプレイをインラインで作成しようとしましたが、最初の問題に戻ることができます。画像にマージントップを作成すると、h1 も画像とともにドロップダウンします。

それで、画像の周りのテキストの垂直位置を変更せずに、テキスト行の内側にある画像の垂直位置を変更する方法についてのアイデアはありますか?

4

2 に答える 2