链接内部对齐的内容

Question

我在HTML中有一个简单的链接

<a href="#">this is a link</a>

这是CSS

a {
    height: 500px;
    outline: 1px #000 dotted;
}

我无法将内容推送到链接的底部。它不是那么难吗？

它的外观如何

...................
. this is a link  .
.                 .
.                 .
.                 .
...................

这就是我需要的

...................
.                 .
.                 .
.                 .
. this is a link  .
...................

Answer 1

试试这个：

＆＃13;

＆＃13;

a {
    height: 100px;
    outline: 1px #000 dotted;
    display: inline-flex;
    justify-content: flex-end;
    flex-direction: column;
}

＆＃13;

<a href="#">This is link</a>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用：

a {
  position: relative;
  outline: 1px dotted #000;
  top: 20px;
}