Централизация плавающего элемента

Question

Мой элемент "div" имеет относительную ширину, она не абсолютна, поэтому я не могу использовать точные числа для централизации. Хорошим решением является использование «display: inline-block»:

body {
    text-align: center;
}

#myDiv {
    border: 1px solid black;
    display: inline-block;
    padding: 50px;
}

Но этот элемент НУЖЕН плавать, я попробовал это:

#myDiv {
    border: 1px solid black;
    display: inline-block;
    float: left;
    padding: 50px;
}

А это:

#myDiv {
    border: 1px solid black;
    display: inline-block;
    padding: 50px;
    position: absolute;
}

Без успеха кто-нибудь может мне помочь?

Спасибо

Answer 1

Вы можете центрировать любой элемент блока с помощью этой CSS:

margin:auto;
width: some fixed value;

Таким образом, элемент должен иметь фиксированную ширину для центрирования следующим образом.

Answer 2

#myDiv {
    margin: 0 auto;
}