проблемы с выравниванием по центру

У меня ниже HTML.проблемы с выравниванием по центру

<div class="para align-center">SCHEDULE 1 <span class="align-right">[r.32]</span></div> 
<div class="para align-center">PART I</div>

и ниже CSS

.para { 
    text-indent: 0em; 
    margin-bottom: 0.85em; 
} 
.para + .align-right { 
    margin-top: 1.2em; 
} 
.align-center { 
    text-align: center; 
} 
div.align-center span.align-right { 
    float: right; 
}

Здесь я пытаюсь центрирование выровнять SCHEDULE 1 слова, оно находится в центре, но есть некоторый левый наклон, а второй ДИВ PART 1 в точном центр. Пожалуйста, дайте мне знать, как я могу получить первый div в центре, и правый выровненный текст должен быть там справа на той же линии. Когда я удаляю этот выравниваемый текст, SCHEDULE 1 появляется в точном центре.

.para { 
 
    text-indent: 0em; 
 
    margin-bottom: 0.85em; 
 
} 
 
.para + .align-right { 
 
    margin-top: 1.2em; 
 
} 
 
.align-center { 
 
    text-align: center; 
 
} 
 
div.align-center span.align-right { 
 
    float: right; 
 
}

<div class="para align-center">SCHEDULE 1 <span class="align-right">[r.32]</span> 
 
</div> 
 
<div class="para align-center">PART I</div>

источник

2015-09-25 user3872094

теперь вы можете увидеть мой ответ, пожалуйста, сэр –

пожалуйста, прямо сейчас проверить мой ответ –

Вы можете сделать это с помощью position поля в CSS

HTML:

<div class="para align-center">SCHEDULE 1 <span class="align-right">[r.32]</span> 
</div> 
<div class="para align-center">PART I</div>

CSS:

.para { 
    text-indent: 0em; 
    margin-bottom: 0.85em; 
} 
.align-center { 
    text-align: center; 
} 
div{ 
    position: relative; 
} 
div.align-center span.align-right { 
    float: right; 
} 

div span.align-right{ 
    position: absolute; 
    right: 0; 
}

Пожалуйста, посмотрите на демо-код DEMO

источник

2015-09-25 10:22:39

Привет, есть способ делать без использования позиции, так как мой инструмент не принимает 'position' – user3872094

Так как мой инструмент не принимает позицию? – lharby

@ user3872094 Что значит «мой инструмент не принимает позицию»? Какой инструмент вы используете? –

вы можете удалить .para + .align-right удалить +

Css: 

.para { 
    text-indent: 0em; 
    margin-bottom: 0.85em; 

} 
.align-center { 
    text-align: center; 

} 

div.align-center span.align-right { 
    float:right; 
    margin-left:-38px; 
}

DEMO

источник

2015-09-25 10:18:11

проблемы с выравниванием по центру

ответ

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