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

중앙에 정렬 채택완료

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

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

 

이렇게 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; } 처리 꼭 해주면 됨

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

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

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

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

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

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

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

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

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

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

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

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

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

로그인

전체 질문 목록

🐛 버그신고