Возможно ли это сделать в одном div? Я пытаюсь сделать это максимально простым.Выровнять текст вправо и в центре в одном div
Наиболее важным является то, что думают «Да», «Нет» и «2 из 2» должны быть сосредоточены, независимо от количества текста на левой стороне.
.compliance {
width: 100%;
background-color: #f2f2f2;
margin-bottom: 10px;
padding: 10px;
text-align: left;
}
.compliance h5 {
display: inline-block;
}
.compliance h5:last-child {
width: 100px;
margin: 0 auto;
text-align: center;
display: block;
}
<div>
<div class="compliance">
<h5>Breaches</h5>
<h5>(2014-FY)</h5>
<h5>No</h5>
</div>
<div class="compliance">
<h5>Cortex test successuful</h5>
<h5>(2014-FY)</h5>
<h5>Yes</h5>
</div>
<div class="compliance">
<h5>Training as Nov 15</h5>
<h5>(2014-FY)</h5>
<h5>2 out of 2</h5>
</div>
</div>
Откровенно это выглядит Табу lar data ... почему бы не использовать таблицу? –
Это какое-то безумное злоупотребление [заголовками элементов] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements). – Oka
@Paulie_D Я тоже думал об этом, если это невозможно – Stefan