Tekst Margins

Beste,,

Ik zit al een tijdje met een probleem, ik wil graag openingstijden invoegen, dit wil ik door middel van links tekst met een bepaalde margin ertussen en rechts de tijden. Ook is het belangrijk dat het responsive is.

Ik ben er al dagen aan bezig en heb van alles geprobeerd.
Van Word met een ’tab’ ertussen en de tekst daaruit overnemen (werkt niet )
Van een code :

<div class="row">
<div class="col-sm-4 text-right" style="text-align: right;">Maandag:</div>
<div class="col-sm-8">Gesloten</div>
</div>
<div class="row">
<div class="col-sm-4 text-right" style="text-align: right;">Dinsdag:</div>
<div class="col-sm-8">10:00 - 20:00</div>
<div class="row">
<div class="col-sm-4 text-right" style="text-align: right;">Woensdag:</div>
<div class="col-sm-8">10:00 - 18:00</div>
</div>
<div class="row">
<div class="col-sm-4 text-right" style="text-align: right;">Donderdag:</div>
<div class="col-sm-8">Gesloten</div>
<div class="row">
<div class="col-sm-4 text-right" style="text-align: right;">Vrijdag:</div>
<div class="col-sm-8">10:00 - 20:00</div>
</div>
<div class="row">
<div class="col-sm-4 text-right" style="text-align: right;">Zaterdag:</div>
<div class="col-sm-8">10:00 - 14:00</div>
</div>
</div>
</div>

Maar dit werkte helaas alleen op de computer, bij het verkleinen naar mobiel of zelfs iPad veranderde alles weer i.p.v. hij genoeg ruimte had. Allemaal heel raar. Ik hoop dat jullie mij kunnen helpen. Alvast bedankt!

Met vriendelijke groet,

DannyNTM.