index.html

<div class="yeahh">
<ul class="nav">
  <li>a</li>
  <li>b</li>
  <li>c</li>
  <li>d</li>
  <li>e</li>
</ul>
  </div>

style.scss

@import "compass";
.nav { list-style: none; margin-left: 0; }
.nav > li, .nav > li > a { display: inline-block; *display: inline; *zoom: 1; }

        ul.nav{
            height: 265px;
            margin: 0;
            padding: 0;
            font-size: 0;
            li{
    background-color: blue;
                min-width: 100px;
                color: red;
                font-size: 15px;
                margin-right: 10px;
                text-align: left;
                &:last-child{
                    margin-right: 0;
                }
            }
        }


.yeahh{
  padding:10px;
  background: cyan;
}