span에 width를 적용시키는 방법(CSS)

Last Updated: 2015년 09월 12일 댓글

span 요소에 width(너비) 등의 속성(attribute)을 적용시켜도 생각처럼 작동하지 않을 것입니다. 그런 경우 다음과 같이 CSS에서 display: inline-block;을 추가해주면 됩니다. 간단하지만 유용하게 사용할 수 있습니다. 가령 탭 문자처럼  List에서 각 글머리 항목 다음에 일괄적으로 일정 간격을 띄우고자 하는 경우에 사용할 수 있습니다.

.exper_title {
display: inline-block;
width: 70px;
}
워드크래커의 아바타 이미지

워드크래커

전문 영한번역가. 워드프레스 애호가. 네이버 카페 「워프사」 운영.

댓글 남기기

댓글 남기기

카카오톡 상담 카톡 서비스 상담