Lists not full page width


In all examples I see, DOM elements are stretched to fill the entire width of the screen. I am currently producing a simple form and would like to limit the width. Is there a built in class to do this or should I write my own?


Chris Augier


Do you have a codepen for a sample?

The list and items directives should by default should fill the width of the screen. That is unless you have the padding option enabled on the content directive


Checkout padding as Mike suggested:

You can apply padding to the entire ion-content or individual parts of your HTML.