Positioning a Fieldset CSS

Question

I'm trying to center a group of fieldsets that I have, every example I find online tells me to use margin: auto; but that doesn't seem to be working for me. I've also tried grouping them into a div but that didn't work either.

Here is my CSS:

fieldset {
    text-align: center;
    margin:auto;
    display: inline;
    border-color: black;
    border-width: 5px;
}

Answer 1

You can't use margin:auto when element is display:inline.

You should either make them display:block to repond to margin:auto or style their wrap element to text-align:center and then reset text-align in descendants.