Html 如何在a<；中插入链接；p>；并使其与跨距和文本的其他部分保持一致

我的密码是

<style type="text/css">



.post-infos {
    position: absolute;
    bottom: 0px;
    width: 174px;
    background-color: rgba(250,250,250,0.9);
    padding: 5px 12px 12px 12px;
    z-index: 2;
}

.post-infos .main {
    font-size: 14px;
    font-weight: 300;
    color: #222;
    line-height: 18px;
}

.post-infos .main p {
    margin: 0px;
    padding: 0px;
}

.post-infos .main a {
    color: #222;
}

.post-infos .main a:hover {
    color: #26abd3;
}

.post-infos .main .title {
    margin-right: 2px;
    font-size: 16px;
    font-weight: 500;
}



</style>








<div class="post-infos">
<div class="main">

<a href="<?php the_permalink(); ?>" rel="bookmark">
<span class="title">
Title of the Movie
</span>
</a>

(2015)

</div>
</div>

.发布信息{
位置：绝对位置；
底部：0px；
宽度：174px；
背景色：rgba（250250,0.9）；
填充：5px12px 12px 12px；
z指数：2；
}
.post infos.main{
字体大小：14px；
字体大小：300；
颜色：#222；
线高：18px；
}
.post infos.main p{
边际：0px；
填充：0px；
}
.post infos.main{
颜色：#222；
}
主要内容a：悬停{
颜色：#26abd3；
}
.post infos.main.title{
右边距：2px；
字体大小：16px；
字号：500；
}
(2015)

它是这样显示的

因为标题是一个锚，锚有一个长方形，所以这一年将永远下去

但我希望它是这样的：

正如你在第二部电影中所看到的，即使它适合这一行，年份也会下降，但我希望它适合的时候也能放在标题的同一行，就像

中的一部分文本一样。它实际上非常简单：我想让它像一个简单的
一样显示，但是在链接中有一个部分，而另一个部分不必转到下一行。我想把它放在标题的右边，如果它足够小，可以放在那一行，如果它不适合那一行，我就把它放下来，就像在
中一样

提前谢谢你的帮助

你能看看吗<代码>http://echidnavideos.altervista.org

当整件事只有一行时，没关系，年份显示在标题旁边。当年份不符合最后一行时，没关系，它就在下面。但是，当标题占据多行并且年份应该在它旁边时，它会显示在下面。
只需这样做：

 .post-infos .main a {
     color: #222;
     display: block; /* that's the change */
 }

年份将永远显示在标题的底部，而不会更改html结构。这是因为
a
标记是内联标记，简单文本将通过堆栈定位。使用显示块时，
标记将占据所有水平空间

如果有问题，请告诉我
请提供一些您迄今为止尝试的代码。我无法用您提供的代码重现多行问题：您能看看吗？当整件事只有一行时，没关系，年份显示在标题旁边。当年份不符合最后一行时，没关系，它就在下面。但是当标题占据多行并且年份应该在它旁边时，它会在下面。实际上我不想让
a
占据整个水平空间，相反。我希望这一年能在可能的时候成为冠军。但现在一切都好了，事实上我意识到a
a
的正常结构是这样的，内联的，所以。。。不管怎么说，谢谢你的回答，它自己解决了，也许有一些关闭标签的地方哦，我理解错了，相反，正如你所说的，对不起。