양쪽정렬 하는 방법

단어 양쪽 정렬

단어를 영역안에서 양쪽 정렬 하는 방법

스크린샷

예제) 핑크색영역

코드보기

css

span {
	display:inline-block;
	width:60px;
	text-align:justify;
	vertical-align:middle;
}
span:after {
	content:'';
	display:inline-block;
	width:100%;
}

html

<ul>
	<li><span>이 름</span> <em>: 만쥬</em></li>
	<li><span>사 는 곳</span> <em>: 서울</em></li>
	<li><span>직 업</span> <em>: 웹퍼블리셔</em></li>
</ul>