Comment centrer les colonnes de texte en CSS

Question

J'ai un peu de temps avec deux colonnes de texte, sur un petit projet (débutant), et un ami et moi travaillons dessus. Ceci est notre code.

h3 { 
text-align: left; 
font-family: Times; 
display:flex; 
align-items:center; 
} 



.AboutBA { 
text-align: justify; 
width: 400px; 
height: 300px; 
position: relative; 
left: 190px; 

} 

.Position { 
text-align: justify; 
width: 400px; 
height: 300px; 
position: relative; 
left: 650px; 
bottom: 319px; 
} 

Je ne veux pas changer trop, pour ne pas détruire la mise en page, la seule chose que je cherche est de centrer les deux colonnes de texte de sorte qu'ils sont inférieures à l'image ci-dessus.

Here is how the code looks as of now.

Answer 1

.textDiv { 
 
     width: 100%; 
 
     background-color: #CDD0E1; 
 
     position: absolute; 
 
     bottom: 0; 
 
     right: 0; 
 
     display: table; 
 
     height:200px; 
 
    } 
 

 
     .textDiv div { 
 
      float: left; 
 
      width: 35%; 
 
      padding:10px 5% 20px; 
 
      display: inline-table; 
 
     } 
 
    .textDiv div span { 
 
       text-align: justify; 
 
        font-size: 13px; 
 
      } 
 
      .textDiv div strong { 
 
       font-size: 16px; 
 
       line-height: 40px; 
 
       text-align: left !important; 
 
      }

<div class="textDiv"> 
 
    <div> 
 
    <strong> teacher empowers kids</strong> 
 
    <br /> 
 
    <span>Chris Ulmer, 28, reflects on the decision to leave his teaching career in order to focus on a worldwide mission. 
 
    </span> 
 
    </div> 
 
    <div> 
 
    <strong> How he found his calling</strong> 
 
    <br /> 
 
    <span> Ulmer, originally from Philadelphia, attended Penn State where he majored in media effects, or “the way social media affects those who take it in,” he explains. 
 
    </span> 
 
    </div> 
 
</div>