[CSS]li속성 정렬, 줄간격 맞추기, 단락의 두 번째 줄부터 들여 쓰기

ul, li 작업중에 난관에 봉착 원했던 모습은 위의 스타일인데 아무것도 적용하지않았을 시 아래와같은 모양이다.

구글링을 하고싶은데..해결방안에 대한 검색어가 어려웠다.ㅋㅋㅋㅋㅋ 단락의 두번째줄부터 들여쓰기? 이게 제일 유사한 검색어같다. 

 

 

해결방안은?!

 

 

ul 과 li에 아래와 같은 작업을 해준다.

 

ul {
  list-style-position: inside;
  text-indent: -18px;
  padding-left: 18px;
}
.detail-caution-list > li {
  font-size: 12px;
  font-weight: 400;
  list-style: inside;
  margin: 1rem 0;
  line-height: 22px;
}