Печать этикетки. Выровнять DIVы с текстом по центру, но не выйти за пределы наибольшего по ширине DIV с QR кодом
Есть вот такой вывод:
Мне нужно сделать так, чтобы текстовые DIV выравнивались по центру относительно DIV с QR-кодом.
При этом не должно быть фиксированной ширины DIV в пикселях, т.к. вместо QR-кода может быть штрих-код другой ширины и высоты.
По центру страницы также это все не должно располагаться, т.к. тогда этикетка неправильно будет печататься на принтере этикеток.
body {
background: #fff;
max-height: 130px;
}
.line_bold {
font-weight: bold;
}
.line_italic {
font-style: italic;
}
.line_underline {
text-decoration: underline;
}
.label {
#max-width: 230px;
}
.line_text {
text-align: left;
}
.line_qr {
margin: 2px 0;
width: fit-content;
border: 1px solid purple;
}<div class="line_text line_base" style="font-size: 8px;">
Rossignol Pursuit 100 - 170
</div>
<div class="line_text line_bold" style="font-size: 14px;">
#1612
</div>
<div class="line_qr">
<svg width="87" height="87" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="elements" fill="black" stroke="none">
<rect x="0" y="0" width="3" height="3" />
<rect x="3" y="0" width="3" height="3" />
<!-- ... -->
<rect x="75" y="84" width="3" height="3" />
<rect x="84" y="84" width="3" height="3" />
</g>
</svg>
</div>
<div class="line_text line_base" style="font-size: 10px;">
+7 (900) 444-55-66
</div>