텍스트의 첫 글자만 크게하기

 

 

 

HTML

 

<div class="txt-center">
    <p>Lorem ipsum dolor sit amet, mei assum gloriatur in, cu pro labore equidem expetendis. 
His tota facilis maluisset no, ius et dolorum conclusionemque, 
nec agam liber nusquam ei. Eum offendit placerat ut, sit eripuit corpora moderatius at.</p> 
 
  <p> An qui possim dolorem persequeris, pri incorrupte eloquentiam ullamcorper ei. Ut amet posse cum, 
labitur definitiones ea vix.</p>
    
  </div>
 

 

CSS

 

div {
  width: 100%;
  max-width: 1000px;
  margin: 2rem auto;
}
.txt-center { text-aline: center; }
 
/*이하 실제 적용 할 때 필요한 css*/
p:first-child::first-letter {
  font-size: 3rem;
  font-weight: bold
}