テキストを中央に配置できません

-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

を左に設定された位置を使用することができます/ 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」要素は、10年以上にわたってベストプラクティスではありませんでした。どの本/リソースから作業していますか？ –

.home-textからleft:50%を削除し、このCSSを追加します。

h1, h2 { 
    text-align: center; 
}

出典

2016-12-30 22:05:01

ホームテキスト幅100％、表示ブロックとテキスト整列センターを作成します。

[この]（https://developer.mozilla.org/en-US/docs/Webを見てください左の位置を削除して、あなたは相対的または0と右0

出典

2016-12-30 22:05:08

今はcenterdですが、top：00％で上下に動かすことはできません。 – HenrikN

position absoluteを使用し、0と0を左に置くと、topプロパティで上下に移動できます。またはmargin-topプロパティを使用します。達成しようとしていることに応じて、これを解決するさまざまな方法と最善の方法があります。あなたはどちらを実装するかを選択しました。 –

私は "bounceInUp animated"を使うことができますか？ – HenrikN

テキストを中央に配置できません

答えて

関連する問題