반응 형 디자인을 위해 이미지 정렬

Question

반응 형 디자인을 위해 h2의 양쪽에 두 이미지를 고르게 정렬하고 브라우저가 축소되었을 때 이미지가 축소되도록하여 모바일 기획과 같은 작은 창에서 결국 사라집니다. 내가 뭘 잘못하고 있는지 알고 싶다.

이

JsFiddle

Answer 1

H2가 float: left;뿐만 아니라

을 가질 필요가

Answer 2

또한 (픽셀) 화면의 크기에 따라 행동에 대한 호출하는 CSS 시트

이 링크를 참조를 만들 필요가

: jsfiddle

는 다음 필요한 모든 플로트

를 왼쪽으로 사용하는 것입니다

#tag-container h2.tag { 
    font-family: 'Droid Serif', serif; 
    font-size: 52px; 
    font-style: italic; 
    color: #34291c; 
    letter-spacing: 1px; 
    text-shadow: 0px 1px 1px rgba(255,255,255,0.9); 
    text-align: center; 
    margin: 0; 
    **float: left;** 

}