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;

html css

@nauvalshidqi

13 Kontribusi 0 Poin

Diperbarui 7 tahun yang lalu

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

18 Kontribusi 3 Poin

Dipost 7 tahun yang lalu

@kodrenk sudah bisa gan tapi jadi agak berantakan, nanti ane coba rapihin lagi.

terimakasih

@nauvalshidqi

13 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

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

@naufalhfzhn

172 Kontribusi 59 Poin

Dipost 7 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

buat menu navigasi rata tengah ?

Kelas Premium!
Belajar bikin website dari nol sekarang