원하는 방식으로 요소를 정렬하는 데 문제가 있습니다.

Question

아래의 첫 번째 이미지와 같이 머리글의 요소를 정렬하려고합니다. 불행히도 나는 예상 된 결과를 얻지 못하고 있습니다. 여성 기호와 그 옆에있는 이미지는 페이지 상단에 붙어 있습니다. 나는 margin-top을 적용하려고 시도했다. 그러나 그렇게했다면 다른 모든 것을 푸시한다는 것이다. 귀하의 도움을 많이 주시면 감사하겠습니다. JSFfiddle에서 이것을 재현하지 못했습니다. 따라서 여기는 live link입니다. 많은 감사,

이

내가 (단지 텍스트 위에 정렬 여성 기호)를 원하는 것입니다은 :

이것은 내가 무엇을 가지고 :

Answer 1

위치로 설정해보세요. ~ 절대 다음에 위로 ~ 200px 것 같습니다.

Answer 2

position: relative;을 사용하고 top 값을 변경하십시오. 이 클래스를 교체하십시오 : 당신의 대답에 대한

.female-sign { 
    position: relative; 
    top: 263px; 
    left: 65px; 
} 

및

이

.special-femmes { 
    position: relative; 
    top: 230px; 
    left: 65px; 
}