inline 버튼 가운데 정렬하는 법좀 알려주세요.

chiya의 이미지

<div data-role='content' >
<div class="type"
     <a href="Naver.html" 
      data-role="button"  
      data-inline="true" 
      data-iconpos="right"
      data-icon="arrow-r"> Naver</a>
 
      <a href="Daum.html" 
        data-role="button" 
        data-inline="true" 
        data-iconpos="right"
        data-icon="arrow-r"> Daum</a>
</div>
</div>

이렇게 두개의 inline 만들었습니다.
그런데 실행시키면 상단 왼쪽에 표시되네요...
화면의 정 가운데에 맞추고 싶은데.. 방법없나요?
css로 class만들어서 하는데도.. 안되고..
부탁드립니다...!

Prentice의 이미지

<head>
<title>Align test</title>
<style type="text/css">
	div.type { text-align: center }
</style>
</head>

잘 되는 거 같은데요?

상단 말고 화면 정중앙을 원하시는 건가요?

Prentice의 이미지

Vertical align을 제대로 하기엔 CSS2로는 좀 골치가 아프고 CSS3의 flexbox (flex-align) 모듈을 쓰시면 구현이 편하다고 합니다.