Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
buat menu navigasi rata tengah ?
bagaimana supaya tulisan menu navigasi tersebut jadi rata tengah ?
[url=https://ibb.co/eo8NVG][/url]
CSS
.menu {
margin: auto;
width: 100%;
font-family: arial;
}
.menu ul {
list-style: none;
background: aqua;
width: 100%;
display: inline-table;
}
.menu ul li {
float: left;
}
.menu ul li a {
display:block;
padding: 20px;
text-decoration: none;
color:white;
font-weight: bold;
}
.menu ul li:hover a {
background:yellow;
color:black;
3 Jawaban:
coba gan cssnya rubah kaya gini
.menu{ height: 30px; text-align: center; background-color: blue; } .menu ul { display: inline-block; list-style: none; } .menu ul li { text-align: center; float: left; } .menu ul li a{ display: block; color: #FFF; text-decoration: none; padding: 0px 20px; line-height: 30px }
@kodrenk sudah bisa gan tapi jadi agak berantakan, nanti ane coba rapihin lagi.
terimakasih
berantakan karena ada effect dari float: left mungkin , coba setelah tag yang ada effect float di kasih style kyk gini
.menu ul li{ float: left}
.menu ul li::after{
clear:both;
content: "";
display: block;
}
semoga tipsnya membantu :)