Выровнять текст по центру

Question

Я пытаюсь создать компонент React, который выглядит следующим образом:

Я не уверен, как правильно выровнять текст сCSS как показано

Answer 1

Ваш код может выглядеть примерно так:

.leftText {
text-align:right;
min-width:100px;
display:inline-block;
}
.space {
padding-left:20px;
font-weight:bold;
}

<span class="leftText">Text 1</span><span class="space">Text 2</span><br>
<span class="leftText">TextText 1</span><span class="space">Text 2</span><br>
<span class="leftText">Text 1</span><span class="space">Text 2</span><br>
<span class="leftText">TextTextText 1</span><span class="space">Text 2</span><br>
<span class="leftText">Text 1</span><span class="space">Text 2</span><br>