Tabs….:(

As you can see, the ours are not completely aligned.

see where?

can you provide a live link to your site, to a post or page with the problem?

what theme are you using?

http://codex.wordpress.org/Forum_Welcome#Include_as_much_information_as_possible

You can try this.

Go to that post/page and use the text editor rather than the visual editor. Add this just before the list of hours:

<div style="text-align: right; width: 45%;">

Immediately after the list of hours, add this:

</div>

You could also add the div with a class like this:

<div class="open-hours">

Then add the CSS using a child theme or a CSS plugin.

.open-hours {
width: 45%;
text-align: right;
}

If you want to create space between the day and the hours, you can wrap the hours in a span:

<div class="open-hours">
Monday <span>20:00 to 22:00</span>
Monday <span>20:00 to 22:00</span>
</div>

Then you can style the span:

.open-hours span{
padding-left: 12px;
}

It looks more complicated than it is.

If you want it to work responsively then you are going to need to think what you break points are and change or remove the width on the div accordingly.

HTML

<div class="open-hours">
<p>Mandager<span>12:00 - 20:00</span></p>
<p>Tirsdager<span>12:00 - 22:00</span></p>
<p>Onsdager<span>12:00 - 22:00</span></p>
<p>Torsdager<span>12:00 - 22:00</span></p>
<p>Fredager<span>12:00 - 22:00</span></p>
<p>Lørdager<span>11:00 - 22:00</span></p>
<p>Søndager<span>12:00 - 20:00</span></p></div>

No br or non-breeaking spaces

CSS

.open-hours span {
  display: inline-block;
  float: right;
  text-align: right;
  width: 106px;
}

.open-hours p {
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

.open-hours {
  display: table;
  margin-bottom: 18px;
}

.open-hours span {
display: inline-block;
float: right;
text-align: right;
width: 106px;
margin-left: 16px;
}

And I forgot margin-left in that rule. You can change the value as you see fit.