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

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -