css3 - using media query to remove indent on li -
css3 - using media query to remove indent on li -
i using media queries remove indent on li when screen size 500 width here html:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>js bin</title> </head> <body> <div class="row" style="margin-left: 2px; margin-right: 1px;"> <div class="media"> <div class="date pull-left"> <p>7<span>june</span></p> </div> <div class="media-body"> <p><strong>xxx</strong> xxxx/p> <p>key points:</p> <ol> <li>xxx</li> <li>xxx</li> <li>xxxx.</li> <li>sda</li> <li>dasdas</li> <li>asdasda</li> <li>asdas.</li> </ol> <a href="xxx"><img src="/static/images/youtube-icon-full_color.gif"></a> </div> </div> </div> </body> </html>
and corresponding css:
@media (min-width: 600px){ ul{ margin: 0px; padding: 0px; } li{ margin: 0px; padding: 0px; } }
link js bin paste http://jsbin.com/xoqufugo/9/
my issue not working.
you need below changes. here demo
change min-width: 600px
max-width: 600px
0l
ol
css3 media-queries
Comments
Post a Comment