Wie kann ich zwei Divs zentrieren?

Question

Wie kann ich zwei Inline-Divs so ausrichten, dass die angrenzenden Kanten in der Mitte liegen?

Also würde ich mag es so aussehen:

div1div1 div2div2 
     div1 div2 
div1div1div1 div2div2 

Ich habe versucht, wie Inline-Block mit wie unten aber nur ist jede Zeile Zentrierung.

.container { 
 
    text-align: center; 
 
} 
 
.left-div { 
 
    display: inline-block; 
 
} 
 
.right-div { 
 
    display: inline-block; 
 
}

<div class="container"> 
 
    <div class="left-div">div1div1</div> 
 
    <div class="right-div">div2div2</div> 
 
</div> 
 
<div class="container"> 
 
    <div class="left-div">div1</div> 
 
    <div class="right-div">div2</div> 
 
</div> 
 
<div class="container"> 
 
    <div class="left-div">div1div1div1</div> 
 
    <div class="right-div">div2div2</div> 
 
</div>

Answer 1

https://jsfiddle.net/fkfmh7md/ den Abstand zwischen divs zu ändern, ändern 5px in padding: 0 5px auf einen anderen Wert

.container { 
 
    display: table; 
 
    table-layout: fixed; 
 
    width: 100%; 
 
} 
 
.container div { 
 
    display: table-cell; 
 
    padding: 0 5px; 
 
} 
 
.container div.left { 
 
    text-align: right; 
 
}

<div class="container"> 
 
    <div class="left">div1div1</div> 
 
    <div>div2div2</div> 
 
</div> 
 
<div class="container"> 
 
    <div class="left">div1</div> 
 
    <div>div2</div> 
 
</div> 
 
<div class="container"> 
 
    <div class="left">div1div1div1</div> 
 
    <div>div2div2</div> 
 
</div>