[code] {.wr_8} [/code] 이것을 오른쪽으로 정렬을 해주고 싶어서 스타일에 [code].list-inline li span {text-align: right;}[/code] 와 같이 넣었는데 적용이 안되더라구요... 왜그런지 궁굼해요.. 그리고 어떻게 해야하는지도 알려주셨으면 좋겠어요..!

이전 목록 다음

채택완료

css 정렬 질문드려요

프리피피티

2015-11-12 (목) 21:50:26 2,089

Copy

<ul class="list-inline blog-boxes-news">      <li style="color:green;font-weight:bold"><span>{.wr_8}</span></li> </ul>

이것을 오른쪽으로 정렬을 해주고 싶어서 스타일에

Copy

.list-inline li span {text-align: right;}

와 같이 넣었는데 적용이 안되더라구요...

왜그런지 궁굼해요.. 그리고 어떻게 해야하는지도 알려주셨으면 좋겠어요..!

정렬

채택된 답변

+20 포인트

dart

2015-11-12 (목) 22:19:13

span text-align 먹게 하려면

width 값 자체가 일단 안먹어서 align도 안먹음..
style 의 display 속성을 inline-block으로 주고..
width갑 설정후 align주면 됨..

쟁반짜장

2015-11-12 (목) 22:49:14

.list-inline li span {text-align: right;}

여기에서 span만 빼셔도 됩니다.

답변을 작성하려면 로그인이 필요합니다.