How do we make cards appear lined up, auto centered and bootstrapped?

[chattyfish]

Hello.

How do we make cards appear lined up, auto centered and bootstrapped?

Here is one card, I would like to have nine of them.

https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_cards_depth

Could you, please, post a code for this quest?

Thank you

[dsonesuk]

One option is similar to aligning text to centre, The parent block element (<p> or in your case a div) you would use text-align: center; ALL the child elements (cards) you would give property display: inline-block;  this would cause the cards to act like text in a paragraph using text: align center;