html - paddin right not working in navigation bar -

i want navigation links not hide, using padding-right property navigation bar. not working.

here tried:

html code :

<div class='container'> <div class='row'> <div id='nav'>  <a href='#' class='nav_link'>home</a> <a href='#' class='nav_link'>profile</a> <a href='#' class='nav_link'>setting</a> <a href='#' class='nav_link'>inbox</a> <a href='#' class='nav_link'>notifications</a>  </div> </div> </div> 

css code :

.nav_link{ margin-right:0.6em; line-height : 1.67em;    color:white;     font-size:13px; } .nav_link:visited { color: white; } .nav_link:hover{ color : white; } .nav_link:active { color: white; text-decoration : none; } #nav { padding-top:0.7em;   padding-left : 16px; padding-right : 240px; margin-top : -0.1em;     height : 100%;   background-color : #323232; width : 118%;    margin-left : -1.4em; border : 1px solid #c5c5c5; border-radius : 4px; padding-bottom:0.7em; } 

what should do, please help.

is for?

.nav_link{    margin-right:0.6em;    line-height : 1.67em;       color:white;        font-size:13px;  }  .nav_link:visited {    color: white;  }  .nav_link:hover{    color : white;  }  .nav_link:active {    color: white;    text-decoration : none;  }  #nav {    padding-top:0.7em;      padding-left : 16px;    margin-top : -0.1em;        height : 100%;      background-color : #323232;    width : 100%;       border : 1px solid #c5c5c5;    border-radius : 4px;    padding-bottom:0.7em;    box-sizing: border-box;  }

<div class='container'>    <div class='row'>      <div id='nav'>          <a href='#' class='nav_link'>home</a>        <a href='#' class='nav_link'>profile</a>        <a href='#' class='nav_link'>setting</a>        <a href='#' class='nav_link'>inbox</a>        <a href='#' class='nav_link'>notifications</a>        </div>    </div>  </div>