테스트 사이트 - 개발 중인 베타 버전입니다

중앙에 정렬 채택완료

짱구짱구 5년 전 조회 1,603

사진과 같이 좌측으로 쏠려 있는것을 아래와 같이 가운데 넣고 싶은데 무슨코드를

추가해야 하는지 고수님들 부탁 드립니다.

 

이렇게 cente에 넣고 싶어요

 

그리고 가능하면 이렇게 2개씩 넣고 싶거든요.

고수님들 부탁 드립니다.

 

center center
center center
center center

 

아래는 적용한 코드입니다.

             

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

답변 3개

채택된 답변
+20 포인트

전체를 싸고 있는 DIV는 relative 나 absolute 같은 position 값을 줘서 margin : 0 auto 로 가로 가운데 정렬하고

안에 있는 li 는 각각 50%의 크기로 float : left 정렬하여주고 폰트는 text-align : center 정렬로 하면 끝.

float 정렬에 대한 초기화 :after { content:''; display:block; clear:both; } 처리 꼭 해주면 됨

로그인 후 평가할 수 있습니다

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

s
sinbi Expert
5년 전

요즘은 flex 가지고 정렬시키더라구요.

공부하시면 스스로 해결 가능할 겁니다.

https://homzzang.com/b/css?sca=flex">https://homzzang.com/b/css?sca=flex

https://homzzang.com/b/css-282

로그인 후 평가할 수 있습니다

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

지금 보여주신 코드로만은 정확한 답변을 드리기가 어렵습니다.

해당 주소를 남겨주시면 리방법을 더 쉽게 답변해드릴 수 있습니다.

로그인 후 평가할 수 있습니다

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

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

로그인