Skip to main content
se añadieron 292 caracteres en el cuerpo
Origen Enlace
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">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.

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">
       <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>

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.

Origen Enlace
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">
       <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>