Нужно сверстать как на картинке. Проблема в расположении равномерно блоков под названиями. Пробовал через text-align: justify
и after
. Вариант не подходит. Посоветуйте еще варианты, пожалуйста.
структура хтмл
<div class="player-titles">
<span>Player name</span>
<span>Type</span>
<span>Status</span>
<span>Screen Orientation</span>
<span>Dimensions</span>
<span>Resolution</span>
<span>Audience Metrics</span>
<span>Mac Address</span>
<span>Operations</span>
</div>
<div class="pl-player">
<span class="player-name">Downstairs</span>
<span class="player-type">Android</span>
<span class="player-status">#color</span>
<span class="player-orientation">Horizontal</span>
<span class="player-resolution">1920x1080</span>
<span class="player-metric">Yes</span>
<span class="player-mac">00:1C:42:CA:D2:95</span>
<span class="player-operations">#operations</span>
</div>