पॉप और #39; प्लॉट

दूसरे कॉन्टेंट को ओवरले करने की सेंटरिंग तकनीक.

इस तकनीक के बारे में ज़्यादा जानकारी पाने और यह पता करने के लिए कि यह कब कारगर होती है, पूरा लेख पढ़ें.

पूरा लेख · 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%);
}