el codigo que me funciono es el siguiente:

HTML:

    <div id="banner" class="divBanner container-fluid">
    	<img id="logSudoku"  class="logoInitial"/>
    	<ul class="row" style="margin-left:16%">   
    		<li style="list-style:none;"><a href="javascript:void(0)" id="sudoku"  class="listBanner">Sudoku de Todos</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    		<li style="list-style:none;"><a href="/Home/Index" id="inicio" class="listBanner">Inicio</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    		<li style="list-style:none;"><a href="/Home/Contact" id="entrar"  class="listBanner">Entrar</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
    	</ul>
    </div>

 

codigo css:

    .divBanner {
        background-color: green;
        font-family:'Times New Roman', Times, serif;
        font-size:22px;
        width:100%;
    }
    
    .logoInitial {
        height: 14vh;
        width:180px;
        margin-right: 100%;
        padding-top:1%;
        margin-left: 19%;
        margin-top:0%;
    }