<!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> ??
