Postingan lainnya
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 :)