Responsive list items -


i have list items , them auto expand parent width. html looks this:

<div class="wrapper">   <div class="playlistholder">     <div class="playlist_inner">         <ul>           <li>coffee</li>           <li>tea</li>           <li>milk</li>         </ul>     </div>   </div> </div> 

wrapper needs 100% browser width.

playlistholder , list items inside need 100% width , responsive follow width of wrapper.

how can achieve css?

take @ fiddle: http://jsfiddle.net/umzb8/1/

.wrapper {   width: 100%;   background: red;   padding: 5px; }  .playlistholder {   width: 100%;  }  .playlist_inner ul {   list-style:none;   padding: 0;     }  .playlist_inner ul > li {   width: 100%;   padding: 0;   background: blue; } 

Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

Function that returns a formatted array in VBA -