Como puedo hacer para alinear a la misma altura el texto que aparece marcado en la imagen.
código HTML:
<div id="banner" class="divBanner row container-fluid col-12">
<img id="logSudoku" class="logoInitial col-1" />
<label class="fontInitial col-12"> Sudoku de Todos </label>
<ul class="row" style="margin-left:30%">
<li style="list-style:none;"><a href="javascript:void(0)" id="menuStick" class="abrir-cerrar" onclick="MenuStick()" style="color:white;font-size:18px;"> Menu </a></li>
<li style="list-style:none;"><a href="/Home/Index" id="inicio" style="color:white;font-size:18px;">Inicio</a></li>
<li style="list-style:none;"><a href="/Home/Contact" id="entrar" style="color:white;font-size:18px;">Entrar</a></li>  
</ul>
</div>
código CSS
.divBanner {
background-color: green;
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
color: white;
height: 20vh;
margin-top: 0px;
}
.logoInitial {
height: 100px;
width:6vw;
margin-right: 100%;
padding-top: 1%;
margin-left: 18%;
margin-top:0%;
}
label
para texto normal, por semántica loslabel
son para asociar un texto con un campo de formulario. Para lo de alinear veo que usas bootstrap, lo mejor sería que pusieras el texto en una columna y el menú en otra.