CSS를 사용하여 왼쪽 및 오른쪽으로 두 개의 내용을 배치하는 방법

Question

로고 및 메뉴 (왼쪽 및 오른쪽으로 정렬)를 맞추려고하고 있는데 클래스 = "당겨 받기"은 내 로고 용이고 (부트 스트랩을 사용하기 때문에) 내 메뉴 아이콘에 대해 "class ="pull-right "하지만 div 태그 안에있는이 내용에이 클래스 속성을 적용하면 항상 내 메뉴 아이콘이 아래쪽으로 이동합니다. 나는 왜 내가 이것을 만나는 지, 그리고 이것을 어떻게 고치는지를 알고 싶다.

아래의 그림은 내 정렬이 어떻게 보이길 원하는지에 대한 이미지입니다.

Answer 1

CSS를 사용 플로트 속성

float-left { 
    float: left; 
} 

float-right { 
    float: left; 
} 

또는 너무 플렉스 박스를 사용할 수 있습니다.