Where every side navigation link is going right on hover

Should be the case.

by jshacker

HTML

<div class="navigation">
  <div><a href="one">one</a></div>
  <div><a href="two">two</a></div>
  <div><a href="three">three</a></div>
  <div><a href="four">four</a></div>
</div>
<div class="container">

</div>

CSS

.navigation {
  position: absolute;
  top: 35%;
  left: 0;
}
.navigation div {
  background-color: #eee;
  margin: 10px 0;
  outline: thin solid red;
}
.navigation a {
  padding: 0 10px;
  color: grey;
  font-size: 1.4em;
  text-decoration: none;
  text-transform: capitalize;
}
.navigation a:hover {
  padding-left: 15px;
}