小编KrM*_*rMa的帖子

我有点怀疑我如何以最好的方式解决这个问题.在本页面的页脚:Portfolio,有以下内容:

04-11-2016:投资组合设计

2016-11-11:Hvad er Mautic？

06-11-2016:一些文字

我希望日期是正确对齐的,但只是日期.在那里我以为我可以在一个范围内设置它？我试过这个html,但这当然不是一个解决方案:

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;
}

我需要制作这样的子弹点:

我试着想办法怎么做,但我唯一能想到的就是在photoshop中制作它,并制作一个img src标签.最好的是它是ul和li标签.

有人知道怎么做吗？我尝试过类似的东西,但它无法正常工作: JSFIDDLE

HTML

<a href="abecadlo/"><div class="galeria">1</div></a>
<a href="abecadlo/"><div class="galeria">2</div></a>
<a href="abecadlo/"><div class="galeria">3</div></a>

CSS

.galeria{
    border-style: solid;
    border-width: 1px;
    border-color: black;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 2%;
    display: inline;
}

我有一个h1和h2标签,我想在特定的风格class.但是正确的语法是什么？这里只h1越来越color: blueviolet:

.adresse h1, h2 {
    color: blueviolet;
}