João Vitor Corrêa Rubert
-
Total de itens
1 -
Registro em
-
Última visita
Sobre João Vitor Corrêa Rubert
João Vitor Corrêa Rubert's Achievements
0
Reputação
-
João Vitor Corrêa Rubert se registrou na comunidade -
Olá boa noite, estou fazendo um site para uma pizzaria, estou criando o menu e quero colocar a logo ao lado do menu, mexendo no css já consegui algum resultado mas não o esperado, alguém consegue me ajudar ou me dar algum caminho a seguir? desde já agradeço a qualquer ajuda. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Home Pizza</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <nav id="menu-horizontal"> <div class="logo"> <img src="https://i.ibb.co/pbQv0CK/logo.png" /> </div> <ul> <li> <a href="#">Inicio</a> </li> <li> <a href="#">Cardápio</a> </li> <li> <a href="#">Sobre</a> </li> <li> <a href="#">Contatos</a> </li> </ul> </nav> </body> </html> @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap'); *{ margin: 0 auto; padding: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif; text-align: center; } #menu-horizontal{ background-color: #CC470D; } #menu-horizontal ul{ list-style: none; padding: 0; max-width: 800px; background-color: #CC470D; } #menu-horizontal ul li{ display: inline; } #menu-horizontal ul li a{ color: white; padding: 50px; display: inline-block; text-decoration: none; transition:background .4s; } #menu-horizontal ul li a:hover{ background-color: #571a00; } .logo,.menu-horizontal{ display:inline-block; font-size:0; vertical-align:middle; } .logo{ text-align:left; width:60%; height: 30%; } .logo img{ max-width:100%; }