CSSは、2つのテキスト部分の中央を揃える（水平方向）

Question

画像は、問題は、私は幅（モバイル版）のこの部分のためのメディアクエリを書かれている、何であるかを示すが、中央に適切に私の2つのセクションのテキストを揃えるように見えることはできません下の画像。

イメージ - [1]：CSSのクラスでhttp://imgur.com/tRhUBox

Answer 1

まず最初に、あなたが水平に中央することができるつのテキスト部分または最小幅のための2つのカラム（50％の幅）を設定しなければなりません。

ブートストラップで

.right { 
    text-align: center; 
    width: 50%; 
    float: right; 

} 
.left { 
    text-align: center; 
    width: 50%; 
    float: left; 
} 


<div class="right"> 
    <p>This text is centered.</p> 
</div> 
<div class="left"> 
    <p>This text is centered.</p> 
</div> 

---- ----

あなたは私が思うの幅を設定しているメディアクエリで

<style> 
    .text1{ 
    text-align: center; 
    } 
    </style> 

    <div class="row"> 
    <div class="col-xs-6" style="background-color:lavender;"> 
    <div class="text1"> 
    left side data. 
    </div> 
    </div> 
    <div class="col-xs-6" style="background-color:lavenderblush;"> 
    <div class="text1"> 
    left side data. 
    </div> 
    </div> 
    </div> 

enter image description here

Answer 2

試験：.myClass{ text-align: center; }

またはHTML中央タグ付き

。

Answer 3

...だから、あなたがそれらの中心にするために何をすべきかちょうど..

.box{ 
    display:block; 
    width:250px; 
    float: none; 
    margin-left : auto; 
    margin-right:auto; 
    } 

ので、それが中央に整列されます

をマージンオートを追加