텍스트를 이미지와 정렬하는 방법

텍스트를 올바르게 정렬 할 수없는 것 같습니다. 특정 이미지 옆에 정렬하고 싶습니다 (하단 근처).텍스트를 이미지와 정렬하는 방법

이렇게 시작하여 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

답변