[Solved] How can I separate and make a menu with these links in CSS without using unordered lists [closed]

by


your answer are here:
just change my styles.

http://codepen.io/leandroruel/pen/oyjhK

HTML:

 <div id="navigacion">
        <div class="topNaviagationLink"><a href="https://stackoverflow.com/questions/23633941/index.html">Home</a></div>
        <div class="topNaviagationLink"><a href="https://stackoverflow.com/questions/23633941/index.html">About</a></div>
        <div class="topNaviagationLink"><a href="https://stackoverflow.com/questions/23633941/index.html">History</a></div>
        <div class="topNaviagationLink"><a href="https://stackoverflow.com/questions/23633941/index.html">Services</a></div>
        <div class="topNaviagationLink"><a href="https://stackoverflow.com/questions/23633941/index.html">Contact</a></div>
 </div>

CSS:

body {
  padding: 0;
  margin: 0;
}

#navigacion {
  width: 100%;
  height: 50px;
  background-color: #eee;
}

#navigacion .topNaviagationLink {
  padding: 0;
  display: inline-block;
}

#navigacion .topNaviagationLink a {
  font-family: arial;
  color: #333;
  text-decoration: none;
  line-height: 50px;
  vertical-align: middle;
  padding: 0 20px;
}

#navigacion .topNaviagationLink a:hover {
  color: red;
}

solved How can I separate and make a menu with these links in CSS without using unordered lists [closed]