Центрирование деления внутри элемента div

Question

Центрирование деления внутри элемента div

0

У меня есть флажок в контейнере и его нужно центрировать в основном контейнере.

Прямо сейчас его отображают с левой стороны.

HTML

<div class="maincontainer">
    <div class="inner container">
        <input id="id" type="checkbox" name="name1" value="name1">
        </input>
    </div>
</div>

код css

.maincontainer{
    height:100px;
    width:90px;
    background-color:black;
}

user1050619 03 дек. 2013, в 23:25

Источник

0

Вы имеете в виду как флажок, так и средний контейнер, как этот jsfiddle.net/UDPYw
Pippin 03 дек. 2013, в 22:23
0

Мне нужно только средний контейнер, чтобы быть в центре .. Я выяснил, основываясь на ответе .. спасибо
user1050619 03 дек. 2013, в 22:41
0

Не стесняйтесь отмечать ответ, который является правильным тогда. Удачи!
webdad3 04 дек. 2013, в 01:00

Показать ещё 1 комментарий

Теги:

html

css

2 ответа

Ещё вопросы

Вы имеете в виду как флажок, так и средний контейнер, как этот jsfiddle.net/UDPYw
Мне нужно только средний контейнер, чтобы быть в центре .. Я выяснил, основываясь на ответе .. спасибо
Не стесняйтесь отмечать ответ, который является правильным тогда. Удачи!

webdad3 · Answer 1 · 2013-12-03T19-54-00.000Z

это выглядит так, как вы хотите: http://jsfiddle.net/pHUcC/

<div class="maincontainer">
    <div class="inner container">
        <input id="id" type="checkbox" name="name1" value="name1">
        </input>
    </div>
</div>

.maincontainer{
    height:100px;
    width:90px;
    background-color:black;
    text-align:center;
    color:white;
}

jsfiddle.net/pHUcC/1 для центра сверху и снизу слева и справа

Last1Here · Answer 2 · 2013-12-03T20-58-00.000Z

Я думаю, что это то, что вы ищете Fiddle

.maincontainer{
    height:100px;
    width:90px;
    background-color:black;
    text-align:center;
    color:white;
    line-height: 100px;
}