সুপার কেন্দ্রিক

place-items: center

প্রথমে প্রদর্শন পদ্ধতি হিসাবে গ্রিড নির্দিষ্ট করুন, এবং তারপর place-items: center একই উপাদানের কেন্দ্রে। place-items হল একটি সংক্ষিপ্ত লেখা যা একযোগে align-items এবং justify-items উভয় সেট করার জন্য। এটিকে center সেট করার মাধ্যমে, align-items এবং justify-items উভয়ই center সেট করা হয়।

.parent {
  display: grid;
  place-items: center;
}

এটি অন্তর্নিহিত আকার নির্বিশেষে বিষয়বস্তুকে পুরোপুরি অভিভাবকের মধ্যে কেন্দ্রীভূত করতে সক্ষম করে৷

এইচটিএমএল

<div class="parent">
  <div class="box" contenteditable="">
    :)
  </div>
</div>

সিএসএস


        .parent {
  display: grid;
  place-items: center;

  /* Just for parent demo size */
  height: 100vh;
}