text align right in a span
<p>I am a little bit in doubt how I solve this the best way. In the footer of this page: <a href="https://vouzalis.com/index.php" rel="noreferrer">Portfolio</a> , there is the following:</p>
<blockquote>
<p>04-11-2016    : Design In Portfolio</p>
<p>05-11-2016    : Hvad er Mautic?</p>
<p>06-11-2016  : Some text</p>
</blockquote>
<p>I would like that the date is right aligned, but only the date. There I thought I could set it in a span? I tried with this html but that is of course not a solution:</p>
<p><strong>HTML</strong></p>
<pre><code>&lt;div class=&quot;col-xs-12 col-sm-6 col-md-4&quot;&gt;
                &lt;div class=&quot;footeritem&quot;&gt;
                    &lt;h4&gt;Nyheder&lt;/h4&gt;
                    &lt;ul class=&quot;popular-posts&quot;&gt;
                        &lt;li&gt;
                            &lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;
                                
                                Design In Portfolio&amp;emsp;&amp;emsp;&lt;span class=&quot;newsDate&quot;&gt;06-11-2016&lt;/span&gt;
                            &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;
                                Hvad er Mautic? &amp;emsp;&amp;emsp;&amp;emsp;&lt;span class=&quot;newsDate&quot;&gt;06-11-2016&lt;/span&gt;
                                
                            &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;
                                Some text&amp;emsp;&amp;emsp;&amp;emsp;&lt;span class=&quot;newsDate&quot;&gt;06-11-2016&lt;/span&gt;
                                
                            &lt;/a&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
</code></pre>
<p><strong>CSS</strong></p>
<pre><code>.newsDate {
    font-weight: 100;
    text-align: right;
}
</code></pre>