폴리머 요소 안에 여러 요소를 어떻게 스타일링합니까?

Question

간단한 문제가 있습니다. 중첩 된 요소로 스타일이 어떻게 작동하는지 이해하려고합니다.

4 개의 요소가 1로 묶여 있고이 요소 4 개를 왼쪽에서 오른쪽으로 가로 질러 배열하고 싶습니다.

여기에 무엇을 가지고 : http://jsbin.com/kowak/1/edit

내가 주요 요소의 스타일에서 개별 요소를 호출하는 방법을 이해하지 않습니다.

Answer 1

이것은 기본적인 CSS 관련 질문입니다.

<style> 
    :host { 
    display: flex; 
    } 
</style> 

http://jsbin.com/lakatiqe/1/edit

: 당신은 레이아웃을 달성하는 플렉스 컨테이너가되도록 Resume-Header 요소를 알 수 있습니다