JSFiddle - React, Tailwind, and code Playground

by Ali Uygur

HTML

<div class="cerceve">
  <div class="ic-nesneler">
    <!-- İçerik -->
    <p>Öğe 1</p>
    <p>Öğe 2</p>
    <p>Öğe 3</p>
  </div>
</div>

CSS

.cerceve {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center; /* Dikeyde ortala */
}

.ic-nesneler {
  text-align: center; /* İçerideki metni yatayda da ortala */
}