Skip to main content
2 de 2
se añadieron 292 caracteres en el cuerpo
JorgeGuz
  • 2.4k
  • 2
  • 14
  • 27

no me carga la imagen y no puedo ver si quieres alinear algo más que los enlaces del listado pero este se alineará con un simple:

li {display: inline-block}

en caso de que necesites que alinie todo puedes dividir el contenido div banner en columnas ya que utilizadas boostrap 4 de manera que se coloquen como consideres. ejemplo:

<div id="banner" class="divBanner row container-fluid align-items-center">
       <img id="logSudoku" class="logoInitial col-1" />
       <label class="fontInitial col-auto col-md-2"> Sudoku de Todos </label>
        <ul class="col-12 col-md-auto">    
             <li style="list-style:none; display:inline-block"><a href="javascript:void(0)"  id="menuStick" class="abrir-cerrar" onclick="MenuStick()" style="color:white;font-size:18px;"> Menu </a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <li style="list-style:none; display:inline-block"><a href="/Home/Index" id="inicio" style="color:white;font-size:18px;">Inicio</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <li style="list-style:none; display:inline-block"><a href="/Home/Contact" id="entrar" style="color:white;font-size:18px;">Entrar</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
        </ul>
 </div>

quiza no he entendido lo que necesitas hacer, no veo la imagen que adjuntas, pero el código que te facilito a mi me funciona perfectamente. Añado una clase de bootstrap al div para mejorarlo un poco. Me da error al adjuntar un pantallazo en que se ve como carga bien.

JorgeGuz
  • 2.4k
  • 2
  • 14
  • 27