I need to ensure that the width of a div is equivalent to 10 characters
If one character is equal to 2px, then I want the width to be 20px, even if the text is only 4 characters long.
<div class="row">
<div class="key">City</div>
<div class="value"><div class="XYZ">AL-NAJAF</div>
</div>
<div class="row">
<div class="key">City</div>
<div class="value"><div class="XYZ">NEW BAGHDAD</div>
</div>
What I am aiming for is something similar to this:
.XYZ {
width: 10character;
}