Как я могу получить свои ссылки под моим ярлыком ссылок?

Question

У меня есть тайл, и внутри него есть div Links вместе с реальными ссылками.

Я хочу, чтобы мой Результат был ССЫЛКАМИ, а затем гиперссылками внизу в столбце.

Вот мой HTML код

<div class="tile">
    <div class="first">
        <b>Links</b>
    </div>
    <asp:HyperLink id="hyperlink1" NavigateUrl="#" Text="Phone List" runat="server"/> 
    <asp:HyperLink id="hyperlink2" NavigateUrl="#" Text="FAQ" runat="server"/>
</div>

Вот мой CSS

.first {
    float: left;
    height: 100%;
    width:10%;
}
.tile {
    border-style: solid;
    padding: 14px;
    border-width: 3px;
    color: black;
    display: inline-block;
    height: 130px;
    list-style-type: none;
    margin: 10px 40px 10px 20px;
    position: relative;
    text-align: center;
    width: 270px;
    border-radius: 25px;
    box-shadow: 10px 10px 5px #888888;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF));
    background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%);
    vertical-align: top;
    text-align: center;
}

Answer 1

Вы можете просто добавить

<br>

после вашего первого деления. затем поместите ваши ссылки в другой div с классом, дайте ему любое имя, здесь я назвал его links.

  <div class="tile">
    <div class="first"><b>Links</b></div>
    <br>
    <div class="links">
    <asp:HyperLink id="hyperlink1" NavigateUrl="#" Text="Phone List" runat="server"/> 
    <asp:HyperLink id="hyperlink2" NavigateUrl="#" Text="FAQ" runat="server"/>
    </div>
    </div>

и добавьте к вашему css следующий код:

.links{
  display: block;
  text-align: left;
}