I am a little bit in doubt how I solve this the best way. In the footer of this page: [Portfolio](https://vouzalis.com/index.php) , there is the following:

> 
> 04-11-2016 : Design In Portfolio
> 
> 
> 05-11-2016 : Hvad er Mautic?
> 
> 
> 06-11-2016 : Some text
> 
> 
> 

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:

**HTML**

```
<div class="col-xs-12 col-sm-6 col-md-4">
                <div class="footeritem">
                    <h4>Nyheder</h4>
                    <ul class="popular-posts">
                        <li>
                            <a href="#" target="_blank">

                                Design In Portfolio&emsp;&emsp;<span class="newsDate">06-11-2016</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                Hvad er Mautic? &emsp;&emsp;&emsp;<span class="newsDate">06-11-2016</span>

                            </a>
                        </li>
                        <li>
                            <a href="#" target="_blank">
                                Some text&emsp;&emsp;&emsp;<span class="newsDate">06-11-2016</span>

                            </a>
                        </li>
                    </ul>
                </div>
            </div>

```

**CSS**

```
.newsDate {
    font-weight: 100;
    text-align: right;
}

```