পপ এন' প্লপ

অন্যান্য বিষয়বস্তু ওভারলে করার জন্য একটি কেন্দ্রীকরণ কৌশল।

এই কৌশল সম্পর্কে আরও অনেক বিশদ বিবরণের জন্য সম্পূর্ণ নিবন্ধটি দেখুন এবং এটি কখন কার্যকর হয়।

সম্পূর্ণ নিবন্ধ · YouTube-এ ভিডিও · Github-এ উৎস

এইচটিএমএল

<article>
  <h1 class="pop-n-plop">Pop n' Plop</h1>
</article>

সিএসএস


        article {
  position: relative;
}

.pop-n-plop {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}