How to arrange li in one line and so that they occupy completely one line?

Question

css

There are 5 li that need to be placed in one line without indents, just in one line for the entire width of the block?

Answer 1

ul{
font-size:0;
}
ul li{
font-size:14px;
display:inline-block;
width:20%;
margin:0;
padding:0;
}

Answer 2

ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}
li {
    position: relative;
    margin: 0;
    padding: 0;
}