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
Post a Comment