HOW TO CENTER A DIV HTML

No video

HOW TO CENTER A DIV HTML

Рет қаралды 27,982

2 жыл бұрын

Berawal dari MEME how to center a div - cara membuat element html menjadi benar-benar ditengah yang menjadi keresahan programmer pemula seperti gue wkwkwk.
SAWER TAKEWERKEWER: saweria.co/dea...
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
☕ Discord ☕
/ discord
🚀Tiktok @dea.afrizal / / dea.afrizal 🚀
=================
💌 Email (for business) 💌
dea.afrizal@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺

Пікірлер: 107

@jhoneat2711 2 жыл бұрын

Selalu asyik kalau liat bang Dea ngoding dengan ocehannya itu wkwk jadi gak bosen

@deaafrizal 2 жыл бұрын

salam ocehan kenikmatan 😂

@davinraffilio7869 2 жыл бұрын

setuju wkwkwk

@mdsid9851 2 жыл бұрын

dengerin ocehan orang main game ❌ dengerin ocehan orang sedang ngoding✅🤩

@deaafrizal 2 жыл бұрын

@@mdsid9851 wey cakra ceklis bermunculan

@deaafrizal 2 жыл бұрын

@@davinraffilio7869 ngakak lu vin yaah! 👴👴

@Fawwaz-M-Umam 2 жыл бұрын

99% orang nonton ini karna bosen 1% orang nonton ini karna penting ( emang butuh tutor div ke tengah ) wkwkwkwk

@deaafrizal 2 жыл бұрын

🤣

@rajahutan12134 2 жыл бұрын

.container kasih display flex .wrapper kasih margin auto auto ketengah

@simpingsyndrome 2 жыл бұрын

Simples way: display: grid; Height: 100vh; //100% of the browser height Place-items: center; //Vwalla your div is tercenterkan 👻

@aryandhialhaqampatompo1496 2 жыл бұрын

Mantap kak! Singkat padat & jelas. Problem yang sering dihadapin temen2 di kampus saat belajar HTML ya ini nih... 😂

@arrykusumaputra 2 жыл бұрын

Asli pusing banget cara nengahin elemen, gw kira cuma perlu satu class aja, eh ternyata perlu beberapa lembar class biar bisa di tengahin

@mmrlmn5289 2 жыл бұрын

display; *flex, justify content: center ama align item: center* ato ga pake *margin:auto* itu juga responsive ya namanya juga flexbox

@NoriAlafa 2 жыл бұрын

Semua pada ngomongin meta verse , sedangkan gue lagi sibuk nge center div

@gahabalaseo 2 жыл бұрын

sedikit tambahan kalo text nya mau ke tengah tengah pembungkusnya(wrapper) kasih aja h1 nya line-height sesuai tinggi dari wrapper nya dan kasih text-align center.semoga bermanfaat cuy ya

@deaafrizal 2 жыл бұрын

mantep tambahannya brodi 👏👏👏

@irfankurniawanS 2 жыл бұрын

Ga bisa bang. Kalo textnya di blok itu bakal kedetek line heighnya tinggi banget jadi yg ke block. Mending di wrapper dikasi justify content lagi

@aditiyanugroho3606 2 жыл бұрын

Tips gw kalo mau bikin konten berada di tengah jadi tinggal bikin class yang nantinya gw pake berulang kali di html (biar efektif) Jadi gw bikin class .make-center Nah nanti style nya { display:flex; justify-content:center; align-items:center} Nah div class ini gw gunain sebagai pembungkus Saran gw kalo mau make div yang di atas usahain jangan ada dua div di bawahnya Karna tampilannya bakalan nyamping, jadi harus bikin pembungkus lagi terserah namanya nanti kalo udah tinggal di bungkus lagi pake div yang diatas :)

@aditiyanugroho3606 2 жыл бұрын

Kalo mau bikin tampilan ada di kanan atau kiri tinggal ubah di justify-content nya Ada di start(kiri) atau di end(kanan)

@deaafrizal 2 жыл бұрын

nice advice brooo thank u 👍😉

@theclash3545 2 жыл бұрын

Tinggal nunggu waktu booming ni channel bisa tembus 1jt subs dalam waktu deket karna asik kalo ngomong👌🤣

@deaafrizal 2 жыл бұрын

thank u bro ku amiiin pake bgt 👏

@theclash3545 2 жыл бұрын

@@deaafrizal siap bang rajin upload ama sisipin tips n trick biar orang semakin tertarik ama channel ini :D

@mulyadiudp6541 2 жыл бұрын

Thank you kang,,, yg bginian saya sring lupa pdahal ud prnah ngoding ny

@syqlmdhfiz_00 20 күн бұрын

bang buat konten penjelasan div,sama tag class itu apa

@raccoon.project 2 жыл бұрын

Fun Fact: Terinspirasi dari konten "Bagaimana membuat new document" yang viewer-nya 500k 😂

@rizkimaulana3292 2 жыл бұрын

beliau ini, kocak ngoding

@trisastrawan3722 2 жыл бұрын

sangat simple dan memecahkan masalah wkwkwk

@vivoichsan1208 2 жыл бұрын

Apa beda nya dengan pemakain TRANSFORM, gan ? Terus kenapa bisa memutuskan pakai display flex ? Pada container

@febiyarosima4187 Жыл бұрын

Kak. Cara buat /* panel sosmed */ tulisannya miring itu Gmna sblm .sosmed ??

@deaafrizal Жыл бұрын

pencet CTRL + /

@luisly3187 2 жыл бұрын

Walaupun belom belajar sampai jago banget tapi tetap hadir #4

@hudd1n366 2 жыл бұрын

me who after centering div : ☝😎📸

@muelava 2 жыл бұрын

Pake ekstensi apaan tuh yang bikin nyala tag pembuka dan penutup?

@alanshari__ 2 жыл бұрын

Kocak manfaat, klo ya subscribe, klo engga like. Gw join member deh iyaa

@deaafrizal 2 жыл бұрын

wkwkwk thank u sudah faham endingnya 😉

@azwarhamid3518 2 жыл бұрын

Yang di cari cari pemula

@bang.er1c 2 жыл бұрын

Ini Homepage gw coba codingan diatas ini, class homepage kita kasih style css height 100vh, trus class content height 100%, kenapa yg div class content melebihi height containernya bro? bukannya kalo kita kasih class content height 100%, itu harusnya terhadap containernya?

@deaafrizal 2 жыл бұрын

iya harusnya kalau di kasih 100% bakal 100% dari parentnya (100vh).

@bang.er1c 2 жыл бұрын

@@deaafrizal siapp.. thanks bro. soalnya gw coba ngoding kek yg di atas, hasilnya si child malah nambahin/keluar dari sizenya parent. tampilannya jadi lebih dari 100vh keliatannya. masih coba2 resolve ini.

@deaafrizal 2 жыл бұрын

@@bang.er1c coba kalau di content kasih 100vh, terus di wrapper 100%

@faeldev1850 2 жыл бұрын

Sumpah ocehannya itu loh ngakak sumpah gw sampe gk fokus 😂

@lutfiikbalmajid3128 2 жыл бұрын

Justify: horizontal Align: vertical

@codernuber3588 2 жыл бұрын

wah ini gara gara live kemaren nih keknya bang 😂

@EvanAkha Жыл бұрын

akokaowkawoakoawk emang kampret abang satu ini. ak jga ikut bgung anjer kaoakawokawowak

@zilongmiya3787 2 жыл бұрын

Plis bang bahas html sampe akar akarnya, gua baru minat terjun ke dunia programing, dan jangan kecepetan ngetik nya wkwk

@irfankurniawanS 2 жыл бұрын

Coba cek channel wpu bang. Lengkap tu untuk jadi front-end dan back-end (dasar)

@amingangsar3814 2 жыл бұрын

bang bikin tutorial web pemesanan makanan /minuman

@dandi_saputra 2 жыл бұрын

@ridhoakbar3634 2 жыл бұрын

Bang coba buat authentikasi dong pake express

@BARRYOME 2 жыл бұрын

nice👍👍👍

@gamerskere7273 2 жыл бұрын

Mantap bang

@mreksasanjaya8672 2 жыл бұрын

flex to flexing

@imamsudarajat3391 2 жыл бұрын

Sangat membantu kanggggggggggggggg

@andinata 2 жыл бұрын

Bang klo pake positition relative dan absolute bisakah?

@deaafrizal 2 жыл бұрын

sabi banget dongs

@dzakirozaan4601 2 жыл бұрын

bang bikin content react native dong hehe

@aburizaladinugroho4191 2 жыл бұрын

Klo ngga ketengah berarti kurang display: none.

@deaafrizal 2 жыл бұрын

KWEKWWKK AUTO = ...

@badakjawa1511 2 жыл бұрын

terinspirasi dari meme atau live kemaren ? :)

@deaafrizal 2 жыл бұрын

itulah 😂

@old_story506 2 жыл бұрын

Thanks bang

@ryu-xd 2 жыл бұрын

Flex box css kan bg ?

@hexetra1172 Жыл бұрын

bang saya bikin div nya lebih dari satu pas di masukin display:flex; malah bentuknya ke pinggir nah gimana caranya supaya si divnya di tengah tapj berderetnyatuh ke bawah

@Falah_056 Жыл бұрын

Kalau arah nya bisa make flex direction

@ItzMeHio 2 жыл бұрын

Avarage Flex Fan VS Avarage .container{ position: relative; } .child{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50%); } Enjoyer

@irfankurniawanS 2 жыл бұрын

Anjir, tutorial ngetik lebih lama karna satisfying bunyi mechanical

@Srhnrhllzh 11 ай бұрын

Eaeaea😂😂

@hamjayasaputrasalahuddin2158 2 жыл бұрын

kocak wkwkwkwk

@arielazlamnoer7874 7 ай бұрын

Kak, cara membuat text di bagian kanan Border itu gimana ya? Tapi textnya tidak masuk di Border

@Jeje-hc5hl 6 ай бұрын

Tulis aja right di dalem justify-content:center;

@arielazlamnoer7874 6 ай бұрын

@@Jeje-hc5hl Oke, Terimakasih kak

@msalehsolahudin2881 2 жыл бұрын

Orang back-end full senyum melihat dan mengetahui hal ini kang 😁

@deaafrizal 2 жыл бұрын

haahahha ngakakjir

@christopherindrawan1316 2 жыл бұрын

sabii 😂

@user-sr7ev7rh5b 2 жыл бұрын

Ngaku pasti kalian pernah lupa juga kan, walaupun udh pernah coba :v

@deaafrizal 2 жыл бұрын

ngakuu hayooooooo

@mmrlmn5289 2 жыл бұрын

Kalo gw bagian cara bikin navbar yg gua inget cuman display inline_block ato float left doang

@lutfiikbalmajid3128 2 жыл бұрын

Yoi wkwk

@adeoctabrilyansyah9798 Жыл бұрын

bang, cara nengahin tag div gimana bang??

@sriedynurcahyo3894 2 жыл бұрын

widget Center kalo di flutter

@rahmatzaki1626 2 жыл бұрын

Akwkwoaoao kocak

@wahanasaputrasiregar4774 2 жыл бұрын

Tutorial python bg.kata dosen saya python lagi viral ya bg di dunia programing buat big data

@_go1308 2 жыл бұрын

eaeaea wkwk

@hardimansimamora7765 2 жыл бұрын

sedikit tapi sangat bermanafaat bang#aeaeae

@PNYELL 2 жыл бұрын

Ntaps

@yakubfirmanmustofa112 2 жыл бұрын

Bang bikin contact form email pakek nodejs

@muh.nurhafidziissibela5911 2 жыл бұрын

Bang bagi extension vscode nya bang..

@IrwanIb 2 жыл бұрын

INI CHANNEL PICKY PICKS VERSI PROGRAMMER WKWKWKWK

@jefrychiedi 2 жыл бұрын

Asli pernakan lu lupa, ngakuuu

@uno7257 2 жыл бұрын

Keren bang wkwkwk

@sayaukiv5417 3 ай бұрын

Cara biar tulisannya di tengah background nya itu sendiri gimana?

@gojila3802 2 ай бұрын

coba bang h1 nya kasih atribut class juga. abis itu style di css pake flexbox yg bang dea sampaiin html: testing css: .h1-box { display: flex; justify-content: center; align-items: center; } kalo blm tau, monggo dicoba aja. tapi kalo udh tau ywdh bagus. saya cuma lagi ngetes ilmu saya doang soalnya wkwkwkw

@sayaukiv5417 2 ай бұрын

@@gojila3802 0 ya mkasi bank