Try It Yourself: CSS Display

HTML Code

<!DOCTYPE html>
<html>
<head>
  <title>CSS Display</title>
  <meta charset="UTF-8">
</head>
<body>

<h2>CSS Display</h2>

<ul class="list-item">
  <li><a href="#">List Item 1</a></li>
  <li><a href="#" class="item2">List Item 2</a></li>
  <li><a href="#">List Item 3</a></li>
  <li><a href="#" class="item4">List Item 4</a></li>
  <li><a href="#">List Item 5</a></li>
</ul>

<style type="text/css">
.list-item{
  padding: 10px;
  list-style-type: none;
}
.list-item li{
  display: inline-block;
}
.list-item li a{
  padding: 10px 20px;
  background: #f00;
  color: #fff;
  text-decoration: none;
}
.item2{
  visibility: hidden;
}
.item4{
  display: none;
}
</style>

</body>
</html>

CSS Code

/* Write your CSS here */

CSS Display - Playground