</div> 중앙정렬

안녕하세요, html 관련 궁금한 사항이 생겨 질문합니다!

<p data-ke-size="size16">11</p>

<div style="text-align: center;">

<div data-ke-type="moreLess" data-text-more="더보기" data-text-less="닫기"><a class="btn-toggle-moreless">더보기</a>

<div class="moreless-content">

<p data-ke-size="size14">내용</p>

</div>

접은 글을 중앙정렬 한 뒤, 여기서 따로 "내용"만 좌측정렬 할 수는 없을까요?

단순 문자는 이상 없이 중앙정렬이 되는데 제가 넣으려는 코드는 도저히 중앙정렬이 되지 않네요 ㅠ_ㅠ 도와주시면 감사 드리겠습니다.