Cara naruh logo jadi rapi, padding logo nyesuain sama padding menu

HTML :

<!DOCTYPE html>
<html>
<head>
	<title>TimyZen</title>
	<link rel="stylesheet" type="text/css" href="css.css">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
	<ul>
		<li class="logomenu"><img width="20%" height="20%" src="logo.png"></li>
  		<li><a class="linkmenu" href="#"><span class=fa fa-home>HARI INI</a></li>
  		<li><a class="linkmenu" href="#">REVIEW</a></li>
  		<li><a class="linkmenu" href="#">SPESIFIKASI</a></li>
</ul>
</body>
</html>

CSS :

body{
	margin: 0;
  top: 0;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #0099ff;
  position: fixed;
  top: 0;
  width: 100%;
}

.linkmenu {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: arial;
  font-weight: bold;
}

.linkmenu:hover:not(.active) {
  background-color: #4db8ff;
}

.linkmenu.active {
  background-color: #4db8ff;
}

.logomenu {
  float: left;
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: arial;
  font-weight: bold;
}

Hasil sementara :

error menu timyzen.png

Semoga bisa dibantu :)

css html

@iniderrick

1 Kontribusi 1 Poin

Diperbarui 3 tahun yang lalu

1 Jawaban:

<pre>.logomenu { float: left; display: inline-block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; font-family: arial; font-weight: bold;</pre><div> coba bagian padding 14px 16px; itu kurangin yang 16px  kalau terlalu  ke tengah</div>

@juanda001

5 Kontribusi 4 Poin

Dipost 3 tahun yang lalu

Tanggapan

udah dikurangin sampe 0px, tapi tetep jauh. apa ada cara lain ?

@iniderrick

Kelas Premium! Belajar bikin website dari nol sekarang

Cara naruh logo jadi rapi, padding logo nyesuain sama padding menu

Kelas Premium!
Belajar bikin website dari nol sekarang