title: li middle of div and remove shadow top
body: <p>I have a div that I want to change two things:</p>
  
  <p><strong>1) REMOVE the TOP shadow:</strong></p>
  
  <pre><code>box-shadow:0 0 10px #000;
  </code></pre>
  
  <p><strong>2) position div nothing in the middle of div NEWS:</strong></p>
  
  <pre><code>.nothing{
   height:100%;
   text-align:center;
   border:1px solid #000;
  }
  </code></pre>
  
  <p>full css:</p>
  
  <pre><code>#news{
   width: 140px;
   min-height:100px;
   background: #fff; 
   color: #000;
   border:1px solid #000;
   box-shadow:0 0 10px #000;
   z-index:3000;
  }
  
  
  #news ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
  }
  #news li{
   padding:10px;
  }
  .nothing{
   height:100%;
   text-align:center;
   border:1px solid #000;
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/1bLdnd06/" rel="nofollow">https://jsfiddle.net/1bLdnd06/</a></p>
  
  <p>thank you friends!</p>