floatを使わずに横並び

■html

■css
ul.test{
display: flex;
list-style: none;
padding: 0;
}
ul.test li {
margin: 10px;
word-wrap: break-word;
}