テキストを画像と整列する方法

テキストを正しく整列させることができないようです。私は特定の画像の横に（底部近くに）整列させたいと思います。テキストを画像と整列する方法

だから私はbottom: 0をやって始めましたが、それは一番上のほうに並べています。上部には別のテキストがあり、それはその近くでしか調整されていないようです。 https://jsfiddle.net/xo1sje8m/

.H01 { 
 
    position: absolute; 
 
    text-align: center; 
 
    width: 100%; 
 
    left: 0; 
 
    bottom: 0; 
 
}

<h2 class="H01">HELLLO EVERY1</h2>

間違って何が起こっているかわかりません。ここでは、整列場所のスクリーンショットです：

2017-09-12 Joe Mamma

[fiddle]（https://jsfiddle.net/xo1sje8m/）で動作しています.. –

コードで問題が発生した場合は、さらにHTMLとCSSを提供する必要があります。 – itodd

質問そのもの。理由のためにjsFiddleコード要件があります。 –

あなたは画像を配置したい場合は、垂直整列を使用した要素から一定の距離、その上

margin-top: 200px;

それを動かすためにこれを使用します画像上のどの位置に合わせるかを近くのテキストに伝えるだけです。

2017-09-20 17:01:28

答えて