Tutorial Blog, Tips Blogging, SEO, Belajar Syntax HTML, PHP, CSS, dan Aktifitas Coding Lainnya

CSS Align, Mengatur Alignment elemen HTML

Mengatur Alignment elemen HTML - Dalam CSS, ada beberapa properti yang bisa digunakan untuk mengatur alignment (rata kanan, kiri, dan tengah) suatu elemen HTML secara horizontal. Yaitu margin, position, dan float. Selengkapnya simak ulasannya satu per satu berikut ini.

3 Cara untuk Mengatur Posisi Alignment elemen HTML


1. Center Align (Rata Tengah) – Menggunakan Margin


Mengatur lebar suatu elemen bisa mencegahnya dari meregang ke luar jalur tepi container (wadah). Gunakan margin: auto agar elemen menjadi rata tengah dan tetap berada di dalam wadah.
Dengan menggunakan margin:auto, elemen akan mengambil lebar yang sudah ditentukan, sedangkan ruang yang tersisa akan dibagi sama antara kedua margin. Jadi akan terlihat rapi.

Contoh penggunaannya seperti ini :


<!DOCTYPE html>
<html>
<head>
<style>
.center {
    margin: auto;
    width: 60%;
    border: 3px solid red;
    padding: 10px;
}
</style>
</head>
<body>

<div class="center">
  <p><b>Ket: </b>Ini contoh elemen dengan alignment rata tengah menggunakan margin:auto.</p>
</div>

</body>
</html>

Maka hasilnya :

mengatur alignment elemen html

Sebagai tambahan, center align menggunakan margin:auto ini tidak akan berfungsi jika pada properti width tidak ditentukan ukurannya, atau ditentukan tapi dengan ukuran 100%.

2. Left dan Right Align (Rata Kiri dan Kanan) – Menggunakan Position


Selanjutnya adalah menentukan alignment suatu elemen HTML dengan menggunakan properti Position, yaitu position:absolute. Sebagai contoh, di bawah ini adalah contoh penggunaan position:absolute untuk membuat rata kanan suatu elemen.


<!DOCTYPE html>
<html>
<head>
<style>
.right {
    position: absolute;
    right: 0px;
    width: 300px;
    border: 3px solid red;
    padding: 10px;
}
</style>
</head>
<body>

<div class="right">
  <p>Kalo yang ini adalah contoh menentukan alignment suatu elemen menggunakan position:absolute</p>
</div>

</body>
</html>

Hasilnya :

mengatur alignment elemen html

3. Left dan Right Align (Rata Kiri dan Kanan) – Menggunakan Float


Hampir sama dengan penggunaan properti position:absolute untuk menentukan alignment rata kanan atau kiri suatu elemen HTML, hanya yang ini dengan menggunakan properti float diikuti dengan mendefinisikan posisi alignment yang diinginkan, kanan atau kiri.

Di bawah ini adalah contoh penggunaan properti float untuk membuat suatu elemen HTML menjadi rata kiri. Sehingga yang digunakan adalah float:left.


<!DOCTYPE html>
<html>
<head>
<style>
.right {
    float: left;
    width: 300px;
    border: 3px solid red;
    padding: 10px;
}
</style>
</head>
<body>

<div class="right">
  <p>Kalo yang ini adalah contoh menentukan alignment suatu elemen menggunakan float.</p>
</div>

</body>
</html>

Hasilnya :

mengatur alignment elemen html
Itulah tiga properti CSS yang bisa digunakan untuk menentukan alignment suatu elemen HTML, baik rata kanan, rata kiri, ataupun rata tengah. Sedangkan alignment untuk teks bisa kamu simak di Mengenal CSS Text dan Penggunaannya.



29 Komentar untuk "CSS Align, Mengatur Alignment elemen HTML"

Cari Situs Judi Online yang fair ?
No BOT - No ADMIN dan murni PLAYER vs PLAYER
Solusinya hnya di SAHABATKARTU Agen BandarQ TERPERCAYA
Hanya dengan nominal deposit 20ribu sudah bisa bermain 7 game
Dan raih jackpot puluhan sampai ratusan juta setiap harinya..
PIN BB : 2BCDBEE2

Susah menang di situs lain ???
Ayo daftarkan diri anda di https://sahabatkartu.net
Raih kemenangan BANDARQ ONLINE bersama kami disini..
PIN BB : 2BCDBEE2

Yuk Buruan ikutan bermain di website Sahabatkartu

Sekarang SahabatKartu Memiliki Game terbaru Dan Ternama loh...

Silahkan di rasakan sendiri seru nya bermain di SahabatKartu hanya dengan Minimal deposit Rp.20.000,- saja ^0^

=> Bonus Refferal 15%
=> Bonus Turn Over 0,2%
=> Minimal Depo 20.000
=> Minimal WD 20.000
=> 100% Member Asli
=> Pelayanan DP & WD 24 jam
=> Livechat Kami 24 Jam Online
=> Bisa Dimainkan Di Hp Android
=> Di Layani Dengan 5 Bank Terbaik

Contact :
Pin BB : 2BCDBEE2
Facebook : MingMing
FansPage : @Agensahabatkartu
Twitter : @sahabatkartu
Wechat : +687878485104
Line : +6285211227605

Link Resmi Kami :
http://sahabatkartu.net
http://sahabatkartu.info
http://sahabatkartu.org

Cari Situs Judi Online yang fair ?
No BOT - No ADMIN dan murni PLAYER vs PLAYER
Solusinya hnya di SAHABATKARTU DOMINO99 TERPERCAYA
Hanya dengan nominal deposit 20ribu sudah bisa bermain 7 game
Dan raih jackpot puluhan sampai ratusan juta setiap harinya..
PIN BB : 2BCDBEE2

SAHABATKARTU AGEN BANDARQ AGEN DOMINO 99 DAN POKER ONLINE AMAN DAN TERPERCAYA
Susah cari Situs judi online yang bisa di percaya...?
Mari gabung di DOMINO99
Agen Judi Online Terbesar dan Terpercaya se asia
Daftar dan buktikan sendiri sekarang juga..
PIN BB : 2BCDBEE2

SAHABATKARTU AGEN BANDARQ AGEN DOMINO 99 DAN POKER ONLINE AMAN DAN TERPERCAYA
Susah cari Situs judi online yang bisa di percaya...?
Mari gabung di DOMINO99
Agen Judi Online Terbesar dan Terpercaya se asia
Daftar dan buktikan sendiri sekarang juga..
PIN BB : 2BCDBEE2

SAHABATKARTU AGEN BANDARQ AGEN DOMINO 99 DAN POKER ONLINE AMAN DAN TERPERCAYA
Susah cari Situs judi online yang bisa di percaya...?
Mari gabung di DOMINO99
Agen Judi Online Terbesar dan Terpercaya se asia
Daftar dan buktikan sendiri sekarang juga..
PIN BB : 2BCDBEE2

SAHABATKARTU AGEN BANDARQ AGEN DOMINO 99 DAN POKER ONLINE AMAN DAN TERPERCAYA
Susah cari Situs judi online yang bisa di percaya...?
Mari gabung di DOMINO99
Agen Judi Online Terbesar dan Terpercaya se asia
Daftar dan buktikan sendiri sekarang juga..
PIN BB : 2BCDBEE2

SAHABATKARTU AGEN BANDARQ AGEN DOMINO 99 DAN POKER ONLINE AMAN DAN TERPERCAYA
Susah cari Situs judi online yang bisa di percaya...?
Mari gabung di DOMINO99
Agen Judi Online Terbesar dan Terpercaya se asia
Daftar dan buktikan sendiri sekarang juga..
PIN BB : 2BCDBEE2

SAHABATKARTU AGEN BANDARQ AGEN DOMINO 99 DAN POKER ONLINE AMAN DAN TERPERCAYA
Susah cari Situs judi online yang bisa di percaya...?
Mari gabung di DOMINO99
Agen Judi Online Terbesar dan Terpercaya se asia
Daftar dan buktikan sendiri sekarang juga..
PIN BB : 2BCDBEE2

Yuk Buruan ikutan bermain di website http://Sahabatkartu.me
Sekarang SahabatKartu Memiliki Game terbaru Dan Ternama loh...
Silahkan di rasakan sendiri seru nya bermain di SahabatKartu hanya dengan Minimal deposit Rp.20.000,- saja ^0^
=> Bonus Refferal 15%
=> Bonus Turn Over 0,2%
=> Minimal Depo 20.000
=> Minimal WD 20.000
=> 100% Member Asli
=> Pelayanan DP & WD 24 jam
=> Livechat Kami 24 Jam Online
=> Bisa Dimainkan Di Hp Android
=> Di Layani Dengan 5 Bank Terbaik
=>Bonus dari SAHABATKARTU
=>Bonus Rollingan 0,2% Setiap minggu
=>Bonus Referal 15% Seumur hidup
Ayo gabung sekarang juga hanya dengan
mengklick DOMINO99
PIN BB : 2BCDBEE2

Yuk Buruan ikutan bermain di website http://Sahabatkartu.me
Sekarang SahabatKartu Memiliki Game terbaru Dan Ternama loh...
Silahkan di rasakan sendiri seru nya bermain di SahabatKartu hanya dengan Minimal deposit Rp.20.000,- saja ^0^
=> Bonus Refferal 15%
=> Bonus Turn Over 0,5%
=> Minimal Depo 20.000
=> Minimal WD 20.000
=> 100% Member Asli
=> Pelayanan DP & WD 24 jam
=> Livechat Kami 24 Jam Online
=> Bisa Dimainkan Di Hp Android
=> Di Layani Dengan 5 Bank Terbaik
Ayo gabung sekarang juga hanya dengan
mengklick AGEN DOMINO 99
PIN BB : 2BCDBEE2

Yuk Buruan ikutan bermain di website http://jaguarqq.poker
Sekarang JAGUARQQ Memiliki Game terbaru Dan Ternama loh...
=> Bonus Refferal 20%
=> Bonus Turn Over 0,5%
=> Minimal Depo 15.000
=> Minimal WD 15.000
=> 100% Member Asli
=> Pelayanan DP & WD 24 jam
=> Livechat Kami 24 Jam Online
=> Bisa Dimainkan Di Hp Android
=> Di Layani Dengan 5 Bank Terbaik
Ayo gabung sekarang juga hanya dengan
mengklick AGEN DOMINO 99
PIN BB : 2AE76E22

#AGENDOMINO99 #AGENBANDARQ #BANDARQONLINE #JAGUARQQ #AGENTERPERCAYA

Coba keberuntungan kamu bersama TikusPoker dengan win rate 82% dijamin player vs player.
Game yang tersedia Aduq,BandarQ,Capsa Susun, Domino, Bandar Sakong, Poker, Bandarpoker
Bonus turnover 0,5%, Bonus Referal 15% (Seumur Hidup)
Info lebih lanjut PIN BBM: D8D6FCFC
WA : +855-972-815-419 LINE : TIKUSPOKER

Yuk Buruan ikutan bermain di website http://jaguarqq.poker
Sekarang JAGUARQQ Memiliki Game terbaru Dan Ternama loh...
=> Bonus Refferal 20%
=> Bonus Turn Over 0,5%
=> Minimal Depo 15.000
=> Minimal WD 15.000
=> 100% Member Asli
=> Pelayanan DP & WD 24 jam
=> Livechat Kami 24 Jam Online
=> Bisa Dimainkan Di Hp Android
=> Di Layani Dengan 5 Bank Terbaik
Ayo gabung sekarang juga hanya dengan
mengklick Agen Domino 99
PIN BB : 2AE76E22

Mau menang banyak dengan modal sedikit..
Ayo gabung di AGEN DOMINO 99
Bonus Refferal 20%
Bonus Turn Over 0,5%
Situs yang bisa memberikan kemenangan
raih kemenangan anda segera...
PIN BB : 2AE76E22
#AGENDOMINO99 #AGENBANDARQ #BANDARQONLINE #JAGUARQQ #AGENTERPERCAYA

Yuk Buruan ikutan bermain di website http://jaguarqq.poker
Sekarang JAGUARQQ Memiliki Game terbaru Dan Ternama loh...
=> Bonus Refferal 20%
=> Bonus Turn Over 0,5%
=> Minimal Depo 15.000
=> Minimal WD 15.000
=> 100% Member Asli
=> Pelayanan DP & WD 24 jam
=> Livechat Kami 24 Jam Online
=> Bisa Dimainkan Di Hp Android
=> Di Layani Dengan 5 Bank Terbaik
Ayo gabung sekarang juga hanya dengan
mengklick Agen Domino 99
PIN BB : 2AE76E22

Mau menang banyak dengan modal sedikit..
Ayo gabung di Agen Domino sahabatpoker.
Bonus Refferal 15%
Bonus Turn Over 0,5%
Situs yang bisa memberikan kemenangan
raih kemenangan anda segera...
PIN BB : 2B13CFDA

Susah cari Situs judi online yang bisa di percaya...?
Mari gabung di Agen Domino "SahabatPoker"
Bonus Refferal 15%
Bonus Turn Over 0,5%
Agen Judi Online Terbesar dan Terpercaya se asia
Daftar dan buktikan sendiri sekarang juga..
PIN BB : 2B13CFDA

Yuk Buruan ikutan bermain di website http://sahabatpoker.poker
Sekarang SAHABATPOKER Memiliki Game terbaru Dan Ternama loh...
=> Bonus Refferal 15%
=> Bonus Turn Over 0,5%
=> Minimal Depo 20.000
=> Minimal WD 20.000
=> 100% Member Asli
=> Pelayanan DP & WD 24 jam
=> Livechat Kami 24 Jam Online
=> Bisa Dimainkan Di Hp Android
=> Di Layani Dengan 5 Bank Terbaik
=> 1 User ID 8 Permainan Menarik
"NEW AGEN BANDAR 66"
Ayo gabung sekarang juga hanya dengan
mengklick Agen Domino
PIN BB : 2B13CFD

JAGUARQQ AGEN JUDI POKER ONLINE DAN AGEN DOMINO 99 TERPERCAYA DI INDONESIA
Segera daftar dan bermain di JaguarQQ
Hanya dengan minimal deposit dan withdraw sebesar Rp.15.000,-
Anda sudah memiliki kesempatan untuk menangkan hingga jutaan rupiah
JaguarQQ menyediakan 8 Game dalam 1 User ID diantaranya :
-Poker
-AduQ
-BandarQ
-Domino QQ
-Capsa Susun
-Bandar Poker
-Bandar Sakong
-Bandar 66 (NEW)
Segera Gabung dan Dapatkan Promo Terbesar
-Bonus Rollingan 0.5% Setiap Minggu nya (diproses setiap hari Jumat)
-Bonus Refferal 20% Terbesar Seumur Hidup Tanpa Syarat Apapun
Untuk info lebih lanjut Silahkan hubungi Cs JAGUARQQ:
LiveChat 24 Jam Online
PIN BBM : 2AE76E22
WA : 081319506846
WEBSITE :www.jaguarqq.poker
Link Alternatif
www.jaguarqq.net
www.jaguarqq.org
www.jaguarqq.info

http://agen-domino-sahabatpoker.logdown.com/posts/7652327-sahabatpoker-dewa-poker-texas-holdem-poker-poker-online-permainan-poker-texas-poker-poker-online-indonesia-zynga-poker-poker-uang-asli

http://groupspaces.com/SahabatPoker/pages/sahabatpoker-dewa-poker-texas-holdem-poker-poker-online-permainan-poker-texas-poker-poker-online-indonesia-zynga-poker-poker-uang-asli

https://binaleo.com/sahabatpoker-dewa-poker-texas-holdem-poker-poker-online-permainan-poker-texas-poker-poker-online-indonesia-zynga-poker-poker-uang-asli/

http://www.mmgselfmade.com/forum/sahabatpoker-dewa-poker-texas-holdem-poker-poker-online-permainan-poker-texas-poker-poker

http://hyperspaces.inglobetechnologies.com/helpdesk/index.php?qa=user&qa_1=SahabatPoker&qa_2=wall

https://binaleo.com/link-alternatif-agen-domino-sahabatpoker/

http://sahabatpoker.doodlekit.com/home

Susah cari Situs judi online yang bisa di percaya...?
Mari gabung di AGEN POKER SahabatPoker
Bonus Refferal 15%
Bonus Turn Over 0,5%
Agen Judi Online Terbesar dan Terpercaya se asia
Daftar dan buktikan sendiri sekarang juga..
WHATSAPP : +855967136164
PIN BB : 2B13CFDA
PIN BB : E34BB179
LINE ID : @fjq9439d
LINE ID : sweetycandys

Link:
http://sahabatpk99.com
http://sahabatpk99.net

Poker online | Poker Uang Asli | Situs Poker | Agen Poker
Dompetpoker Adalah Situs Agen Judi Poker Online Uang Asli Dengan Server Terbaik,Permainan Poker 7 game Dalam 1 Website Bermain Poker Uang Asli Dengan Kualitas Server Terbaik Serta Tampilan Terbaru Hanya Di DompetPoker. Agen Poker Yang Memberikan Jaminan Keamanan Dalam Bermain Poker Online Tanpa Bot, Admin Serta Kami Selalu Memberikan Pelayanan Terbaik Selama 24 Jam Setiap Harinya, Kini Semua Member Dapat Bermain Agen Poker Online | Domino QQ | Ceme Keliling | Live Poker | Capsa Susun Kapan Pun Dan Di manapun Karena Kami Menyediakan Aplikasi Android Dan Iphone Sehingga Anda Dapat Bermain Dewa Poker Di SmartPhone Anda.
dompetpoker tbk adalah site/situs agen judi poker online uang asli dengan server terbaik di dukung oleh customer service yang sopan dan ramah
DOMPET POKER ADALAH SITUS POKER ONLINE TERPERCAYA DAN TERBAIK DI INDONESIA ID-ID YANG MENYAJIKAN 6 PERMAINAN DALAM 1 WEBSITE. – POKER UANG ASLI – LIVE POKER – CEME – CEME KELILING – DOMINO QQ – CAPSA SUSUN.
Proses Deposit withdraw Mudah dan cepat, tidak bertele – tele (wd tidak ada batas). Segera daftarkan diri di Dompetpoker.com dan ajak kerabat bermain bersama kami & ada bonus referal. Kami Melakukan Dengan Transaksi Cepat, Mudah, Aman & Terpercaya. Agen DOMPET POKER bermain 100% FAIRPLAY dan Tidak Ada BOT, Jika Ada, Uang Kami Kembalikan Full
poker online
agen poker
agen poker terbaik
agen poker terpercaya
poker uang asli
situs poker

DOMPETCASINO SITUS JUDI ONLINE CASINO ONLINE DAN SABUNG AYAM

Situs judi online saat ini sudah menjadi hal yang sangat banyak di jumpai di dunia internet. Salah satu permainan judi online yang paling digemari saat ini adalah poker online dan casino online. Oleh sebab itu kini hadir situs judi poker dan dominoqq online yang bernama Dompetcasino. Kami kini ikut hadir untuk membantu memenuhi permintaan para pejudi online. Dompetcasino sendiri juga menyediakan 7 jenis games yang bisa anda mainkan cukup dengan 1 User ID saja. Game tersebut adalah sabung ayam, baccarat, sicbo, rulette, dragon tiger, slot game dan casino online. Permainan yang kami sediakan tentunya cukup lengkap dong ya.

PELAYANAN TERBAIK SITUS JUDI ONLINE DOMPETCASINO

Untuk menjadi sebuah situs judi online yang berkualitas, tentunya pelayanan yang kita berikan juga tidak perlu dipertanyakan lagi. Karena kami Dompetcasino selalu berusaha memberikan yang terbaik untuk member kami. Jika tanpa member setia yang bermain Bersama kami, kami tidak ada apa apanya. Karena itu, bagi kami setiap member adalah raja bagi kami. Oleh sebab itu kami menyediakan layanan livechat dan CS 24jam nonstop. CS yang kami sediakan juga siap melayani semua keluhan atau pun saran anda. Mulai dari persoalan transaksi,games mulai dari poker online hingga casino online. Intinya adalah CS kami bersedia membantu anda kapan pun dan apa pun permasalahan yang anda hadapi.

PENAWARAN BONUS JUDI ONLINE CASINO ONLINE DAN SABUNG AYAM

Kami juga memberikan beberapa jenis bonus untuk member kami. Hal tersebut tentu saja sebagai komitmen buat member kami yang sudah sangat setia bermain Bersama kami. Bonus tersebut seperti bonus cashback 2%. Kami juga menawarkan bonus referral sebesar 2%. Bonus referral bisa di dapatkan dengan mengajak teman anda bermain di situs judi online Dompetcasino. Bonus referral akan masuk secara otomatis ke akun anda setiap teman anda bermain. Jadi apalagi yang anda tunggu? Ayo coba peruntungan anda hari ini dan menang sebanyak-banyaknya di Dompetcasino. Mari daftar sekarang dengan menekan tombol daftar di atas atau menguhubungi livechat kami. Dompetcasino situs judi online, casino online dan casino online terbaik di Indonesia.

casino online
situs judi
judi online terpecaya
sabung ayam online
dompetcasino
situs poker
poker online



CrownQQ | Agen Domino QQ | BandarQ | Domino99 Online Terbesar

Yang Merupakan Agen Bandarq, Domino 99, Dan Bandar Poker Online Terpercaya di asia hadir untuk anda semua dengan permainan permainan menarik dan bonus menarik untuk anda semua

Bonus yang di berikan CrownQQ :
* Bonus rollingan 0.5%,setiap minggunya
* Bonus Refferal 10% + 10%,seumur hidup
* Bonus Jackpot, yang dapat anda dapatkan dengan mudah

Games Yang di Hadirkan CrownQQ :
* Poker Online
* BandarQ
* Domino99
* Bandar Sakong
* Sakong
* Bandar66
* AduQ
* Sakong

Info Lebih lanjut Kunjungi :
Website : AGEN BANDARQ CrownQQ
BBM : 2B382398
FB : AgenCrownqq
Twitter : crown_qq

Yang Merupakan Agen Bandarq, Domino 99, Dan Bandar Poker Online Terpercaya di asia hadir untuk anda semua dengan permainan permainan menarik dan bonus menarik untuk anda semua

Bonus yang di berikan NagaQQ :
* Bonus rollingan 0.5%,setiap minggunya
* Bonus Refferal 10% + 10%,seumur hidup
* Bonus Jackpot, yang dapat anda dapatkan dengan mudah

* Minimal Depo 15.000
* Minimal WD 20.000

Games Yang di Hadirkan NagaQQ :
* Poker Online
* BandarQ
* Domino99
* Bandar Poker

Info Lebih lanjut Kunjungi :
Website : AGEN BANDARQ NagaQQ
WHATSAPP : +855967014811
PIN BB : 2B209F68

Back To Top