How to let the div

Question

I use the bellow less code to let the con-order width 80%:

.con-order {

    height: 100%;
    width: 80%;
    overflow: hidden;

the html code is like bellow:

<div class="con-order">
    <div class="alert">
      <Alert type="warning" show-icon closable>
    ...

it bellow like this, I want the content move center.

I tried use text-align: center; but the content become odd.

It become like this, I don't want this:

I want all move to center, not all content align center.

Are you looking for https://stackoverflow.com/questions/4955122/what-exactly-is-needed-for-margin-0-auto-to-work ? — l2aelba, Apr 16 '18 at 12:45

score 1 · Answer 1 · answered Apr 16 '18 at 12:44

1

This will work fine for you.

.con-order {
    height: 100%;
    width: 80%;
    overflow: hidden;
    margin: 0 auto;

answered Apr 16 '18 at 12:44

Deepanshu Sukhija

score 0 · Accepted Answer · answered Apr 16 '18 at 12:45

0

The margin: 0 auto is what does the actual centering of your div.

It will make the element center horizontally and it works without setting a specific width.

.con-order {
  height: 100%;
  width: 80%;
  overflow: hidden;
  margin: 0 auto;
}

answered Apr 16 '18 at 12:45

ochs.tobi

2 Answers2