title: css list odd even classes
body: <p>Can anyone please help me about my problem. I'm trying to create separate style for odd and even list elements using css. the even code works perfect but odd code doesn't please let me know if I'm doing anything wrong.</p>
  
  <pre><code>#entries-content.list ul.col-1 li:nth-child(odd) .time { 
      position:absolute;
      width:19px;
      height:21px;
      background-image:url(images/arrow.png);
      background-position:-20px -21px;
      float:right 
  }
  
  
  #entries-content.list ul.col-1 li:nth-child(even) .time { 
      position:absolute;
      margin:20px 0 0 -15px;
      width:19px;
      height:21px;
      background-image:url(images/arrow.png);
      background-position: 0px -21px; 
      float:left;
  }
  </code></pre>
  
  <p>The odd list item doesn't float to right side also the width and height are not working. The even code is working perfectly.</p>