How can I set margin top/bottom to a li?

Answer 1

You can do it using relatively-positioned pseudo-elements:

li {
  padding: 5px 4px 6px 7px;
  list-style: none;
}
li + li {
  margin-top: 6px; /* total distance between elements */
}
li + li:before {
  content: '';
  display: block;
  position: relative;
  top: -8px; /* padding-top (5px) + margin-top (3px) */
  border-top: 1px solid #eff0f1;
}
li:hover {
  background-color: #f7f8f8;
}

  
something
  
something else
  
something else again