Jaki jest wzór css na przesuwanie elementu <li> w stosunku do zbioru elementów <ul> ?

pytanie zadane 8 kwietnia 2018 w HTML i CSS przez DariuszH Gaduła (3,100 p.)
edycja 8 kwietnia 2018 przez DariuszH

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" ></script> 
<script src="scripts.js"></script>
<link rel="stylesheet" href="index.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Mukta+Mahee" rel="stylesheet">

    
    
</head>

<body>

 
            

 <div class="main">

<div class="right_window">

       
        <ul>
            <li>Michael Jordan</li><br>
            <li>Kobe Bryant</li><br>
            <li>Lebron James</li><br>
            <li>Stephen Curry</li><br>
            <li>Shaquille O'Neal</li>
         
        </ul>

  

       </div>


</div>


<div class="footer">
    
    
</div>       
    
</body>

</html>

body{
	width:100%;
	height:500vh;
	margin:0;
	
}


.main{
width: 100%;
height: 100vh;
float: right;
background-color: darkgoldenrod;


}

.right_window{

width:19%;
float: right;
height:100vh;
background-color: cadetblue;

}

ul{
width:19%;
height:50vh;
position: absolute;
margin:auto;
border:1px solid black;

}


li{

float: left;
margin-bottom: 2vh;
width:100%;
height: 7vh;
line-height: 7vh;
color:white;
font-size: 4vh; 
list-style-type:none;
border:black 1px solid;
}
































.footer{
    
    width:100%;
    background-color: black;
    height: 12vh;
    position: relative;
    top:500vh;
    
}

Jak Przesunąć wiersz tabelki do lewej strony <ul> ? Lub w ogóle jak manipulować położeniem elementów <li> ??