Ne kadar verimli bir yöntem emin değilim fakat bu şekilde aynı classlar ile bir çok kez ekleme yapabiliyorsunuz. Yani her barkod için yeniden css yazmanıza gerek yok
Gerekli olan CSS kodları:
.barkod {
display: inline-block;
position: relative;
margin-right: -70px;
margin-top: 40px;
}
.barkod-yazi {
transform: rotate(-90deg);
font-size: 9px;
position: absolute;
left: -5px;
}
.barkod-img {
transform: rotate(-90deg);
}
Bu HTML i ne kadar barkod istiyorsanız o kadar kopyalayın.
<div class="barkod">
<p class="barkod-yazi">3001-Siyah/Kahverengi</p>
<img class="barkod-img" src="3001-100.png" width="132" height="40" />
</div>Sormak istediğiniz bir şey olursa ulaşmaktan çekinmeyin