<div style="-webkit-hyphens: auto; font-size: 36px; width: 130px;">
    <div>throughout</div>
    <div style="-webkit-locale: 'en';">throughout</div>
    <div style="-webkit-locale: 'en_US';">throughout</div>
    <div style="-webkit-locale: 'en_GB';">throughout</div>
    <div style="-webkit-locale: 'not-a-locale';">throughout</div>
</div>

<div style="-webkit-hyphens: auto; font-size: 36px; width: 135px;">
    <div>reciprocity</div>
    <div style="-webkit-locale: 'en';">reciprocity</div>
    <div style="-webkit-locale: 'en_US';">reciprocity</div>
    <div style="-webkit-locale: 'en_GB';">reciprocity</div>
    <div style="-webkit-locale: 'not-a-locale';">reciprocity</div>
</div>