CSS Tutorial

Inline Lists

<!DOCTYPE html>
<title>Example</title>
<style>
  ul {
    font-size: 22px;
    margin: 0;
    padding-left: 0;
    list-style: none;
  }
  ul > li {
    display: inline-block;
  }
</style>
<ul>
  <li>Apples</li>
  <li>Oranges</li>
  <li>Watermelons</li>
</ul>