JSFiddle - React, Tailwind, and code Playground

by learningforever

HTML

<div class="entry-content">
...
<h3>제목입니다.</h3>
</div>

CSS

/* Centering the h3 element horizontally within its parent */
.entry-content {
  text-align: center; /* Center aligns child elements */
}

.entry-content h3 {
  display: inline-block; /* Allows h3 to be treated as inline for centering and block for width */
  padding: 10px 20px;
  border: 2px solid #4374D9;
  border-radius: 15px;
  /* Remove text-align: center; as it's no longer necessary for the h3 itself */
}