Не удается центрировать текст

-2

Моя проблема заключается в том, что мой текст не будет полностью центрироваться. Как это исправить? Я все еще хочу переместить его вверх и вниз по центру.Не удается центрировать текст

<center> 
    <div class="home-text"> 
     <div class="col-md-6 col-md-offset-3"> 
      <h1 class="home-title bounceInUp animated">NAME</h1> 

      <h2 class="home-desc bounceInUp animated">HTML, CSS, JavaScript, Python</h2> 
     </div> 
    </div> 
</center> 

.home-text { 
    position: absolute; 
    left: 50%; 
    top: 45%; 
    color: rgb(255, 255, 255); 
}

источник

2016-12-30 HenrikN

Пожалуйста, посмотрите на [это] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center) относительно использования центрального элемента – Nora

проверить мой ответ здесь - http://stackoverflow.com/questions/34912619/css-div-center-multi-line-text-vertically-and-horizontally- with-a-background-ima/34912867 # 34912867 – devtye

Элемент 'center' не был лучшим опытом уже более десятилетия. С какой книгой/ресурсом вы работаете? –

Удалить left:50% из .home-text и добавьте этот CSS:

h1, h2 { 
    text-align: center; 
}

источник

2016-12-30 22:05:01

сделать ширину дома-текстовому 100%, блок дисплея и выравнивание текста центр.

Снимите левое положение, и вы можете использовать позицию по отношению или установить левый 0 и правый 0.

источник

2016-12-30 22:05:08

Теперь его центр теперь, но я не могу перемещать его вверх и вниз сверху: 00%; – HenrikN

Если вы используете позицию absolite и left 0 и right 0, вы можете перемещать ее вверх и вниз с помощью свойства top. Или просто используйте свойство margin-top. В зависимости от того, чего вы пытаетесь достичь, существуют разные способы и наилучшие способы решения этой проблемы. Вы выбрали, какой из них реализовать. –

doest work может быть couse, я использую «bounceInUp animated». – HenrikN

Не удается центрировать текст

ответ

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