2016-11-02 1 views
0

enter image description here Мой код ниже. Здесь я пытаюсь выровнять «Header-1 div» в центре. Но это не правильно.Выровнять внутренний div в центр Если есть два внутренних divs

<div style="width:100%;background-color:black;"> 
<div style="color:red;width:80%;display:inline-block;float:left;text-align:center;">Header 1</div> 
<div style="color:yellow;width:20%;display:inline-block;">Header 2</div> 
</div> 
+0

Что вы хотите в основном ... –

+0

@AnilKumarRam Привет, я только хочу, чтобы выровнять 'заголовок-1 Div' в центре внешнего div & 'header-2 div' необходимо выровнять по правому краю. – Shubham

+0

@AnilKumarRam, как вы можете видеть в изображении 'header-1', не является должным образом центром. вы можете помочь? – Shubham

ответ

1

Попробуйте

<div style="width:100%;background-color:black;text-align:center;overflow:auto;"> 
 
<div style="color:red;width:80%;display:inline-block;float:left;padding-left:20%;box-sizing:border-box;">Header 1</div> 
 
<div style="color:yellow;width:20%;display:inline-block;float:left;">Header 2</div> 
 
</div>

+0

Это не работает – Shubham

+0

Что не работает ..? Попробуйте использовать код и посмотрите. – user2584538

+0

Header-1 не правильно выровнен по центру – Shubham

Смежные вопросы