css

Selector Training: Css Dinner

aligning items in flex container

don't use !important

center a <div> in another <div>?

.inner {
  display: table;
  margin: 0 auto;
}

<div style="width:100%">
  <div class="inner">Foo foo</div>
</div>

How to make <div> not larger than its contents?

.div-wrap-center {
  display: table;
  margin: 0 auto;
}