Apa kabar sobat??
Pada kesempatan ini kami akan menjelaskan tentang bagaimana
cara membuat posisi tengah kontent dengan pure css tentunya dengan tanpa ribet dan berbelit belit
Ada cara simpel dan sederhana untuk membuat posisi tengah secara vertical dengan menggunakan pure css / dengan hanya menggunakan css saja.
caranya cukup simpel sob yaitu misal sobat mempunyai kode html seperti di bawah ini
<div class="parent-content">
<div class="midle-content">Lorem Ipsum midle content</div>
</div>
untuk membuat tengah konten diatas cukup sobat membuat position menjadi relative selanjutnya menambahkan css top 50%
mari kita coba untuk membuat css nya
.parent-content {
width : 100%;
height : 100%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.midle-content{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
Sudah selese sob, cukup simpel bukan??selamat mencoba semoga berhasil silakan tinggalkan komentar apabila ada yang perlu didiskusikan,
Kritikan, masukan, usulan dan saran yang sifatnya membangun sangat kami harapkan dari sobat semuanya, agar blog sederhana ini semakin bermanfaat bagi ummat dunia maya dimanapun berada.
Sukses dan salam bravoo sob.!!!