css 반응형에 어울리는 탑버튼 자동 정렬

1.  display: flex;

    justify-content: space-between;

2. text-align: -webkit-match-parent;

 먼저 감싸야할 엘리먼트가 속성(1)을 부여하고

 엘리먼트 안에 정렬할 테그나 엘리먼트에 속성(2)을 부여하면 적용된다.

예)

<style>

.area{

   display: flex;

    justify-content: space-between;

}

</style>

 <ul class="area">

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

 </ul>