Html 将图像移动到侧边栏的底部

这是我的侧栏HTML代码，侧栏导航栏位于左侧：

#主容器{
显示：表格；
宽度：100%；
身高：100%；
}
#边栏{
显示：表格单元格；
宽度：15%；
垂直对齐：顶部；
背景色：#ffffff；
盒影：1px 0px 3px灰色；
}
#边栏a{
文字装饰：无；
显示：块；
填充：20px 0 20px 30px；
颜色：#000000；
字母间距：1px；
}
#侧边栏a：悬停{
背景色：rgba（255，255，255，0.1）；
颜色：黑色！重要；
}
#侧栏a：悬停，#侧栏a处于活动状态{
文字装饰：无；
背景:#f5；
颜色：黑色；
}
#侧边栏a.active{
背景:#f5；
}

---

只需移动相关的html：

#主容器{
显示：表格；
宽度：100%；
身高：100%；
}
#边栏{
显示：表格单元格；
宽度：15%；
垂直对齐：顶部；
背景色：#ffffff；
盒影：1px 0px 3px灰色；
}
#边栏a{
文字装饰：无；
显示：块；
填充：20px 0 20px 30px；
颜色：#000000；
字母间距：1px；
}
#侧边栏a：悬停{
背景色：rgba（255，255，255，0.1）；
颜色：黑色！重要；
}
#侧栏a：悬停，#侧栏a处于活动状态{
文字装饰：无；
背景:#f5；
颜色：黑色；
}
#侧边栏a.active{
背景:#f5；
}

---

更改边栏代码下方的图像代码。。 够了。 或者在css中使用

order

属性

#主容器{
显示：表格；
宽度：100%；
身高：100%；
}
#边栏{
显示：表格单元格；
宽度：15%；
垂直对齐：顶部；
背景色：#ffffff；
盒影：1px 0px 3px灰色；
}
#边栏a{
文字装饰：无；
显示：块；
填充：20px 0 20px 30px；
颜色：#000000；
字母间距：1px；
}
#侧边栏a：悬停{
背景色：rgba（255，255，255，0.1）；
颜色：黑色！重要；
}
#侧栏a：悬停，#侧栏a处于活动状态{
文字装饰：无；
背景:#f5；
颜色：黑色；
}
#侧边栏a.active{
背景:#f5；
}

将下面的img代码更改为侧栏

<div id="sidebar">

    <a href="n">+ Legg til salg</a>
    <a class="active" href="#">Hjem</a>
    <a href="s">Mine salg</a>
    <a href="a">Konto</a>
    <a href="l">Logg ut</a>
    
    <center>
        <img width="80%" height="10%" src="img/t-vector-logo.png" />
    </center>

</div>