코딩/CSS2 ol 태그 css로 자동 넘버링 ol.dot_list{counter-reset:numbering;list-style:none;} ol.dot_list > li{position:relative;padding-left:33px;} ol.dot_list > li:before{counter-increment:numbering;content:counter(numbering);position:absolute;top:7px;left:0;width:22px;height:22px;font-size:13px;line-height:22px;font-weight:800;text-align:center;color:#fff;border-radius:100%;background:#62676e;} ol.dot_list > li > p{font-size:22px;l.. 2022. 11. 11. css 가운데 정렬 transform CSS로 가운데 정렬을 하는 방법은 여러가지가 있음. HTML CODE 가운데 정렬 1. position absolute와 transform을 이용한 방법 코드가 간단하긴 하지만 특정 브라우저에서 컨텐츠가 흐려져 보이는 경우가 있음. .center_wrap{ position: relative; width: 100%; height: 100%; } .center{ position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); } 2. position absolute와 margin을 이용한 방법 컨텐츠의 width, height 값이 정해져 있을때 가능한 방법. width, height 의 절반px 만큼 마이너스 값으로 줘서 맞춤. .cen.. 2021. 11. 1. 이전 1 다음