Html 如何在侧边栏中的链接之间添加空间？

所以我一直在尝试让我的博客页面边栏看起来像这样：

一个边栏，在每个链接和图像之间留有空格，一个可见的边框和一个标题

然而，我似乎很难在网上找到关于如何只使用css和html的教程，因此我来到这里寻求社区的帮助

这是我的密码：

*{
框大小：边框框；
}
@字体{
src:url（字体/WaywardSans-Regular.otf）；
字体家族：任性；
}
身体{
保证金：0；
背景：#fff；
字体家族：任性；
字号：100；
身高：100%；
溢出x：隐藏；
溢出y：滚动；
显示器：flex；
柔性包装：包装；
}
标题{
背景：#55D6A；
弹性：0.100%；
}
标题：：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
.标志{
浮动：左；
填充：10px0；
左边距：30px；
}
导航{
浮动：对；
}
导航ul{
右边距：60px；
填充：0；
列表样式：无；
}
李海军{
显示：内联块；
左边距：100px；
填充顶部：30px；
位置：相对位置；
}
导航a{
颜色：#444；
文字装饰：无；
文本转换：大写；
字体大小：20px；
}
导航a：悬停{
颜色：#000；
}
导航a：：之前{
内容：''；
显示：块；
高度：5px；
背景色：#444；
位置：绝对位置；
排名：0；
宽度：0%；
过渡：全部缓进缓出250ms；
}
导航a:悬停：：之前{
宽度：100%；
}
h1{
利润率：10px；
}
img{
最大宽度：100%；
}
#边栏{
弹性：0.25%；
最大宽度：250px；
背景色：#DDD；
列表样式类型：无；
}
.回顾{
线高：29.25px；
垫面：5px；
文本对齐：居中；
边框宽度：1px；
利润率：10px；
填充物：5px；
单词包装：打断单词；
弹性：1；
}
.文本包装器{
最大宽度：800px；
保证金：自动；
}

1996年泰坦尼克号电影评论
-由某个随机的家伙

《泰坦尼克号》是一部经典电影，拍摄于1996年，由杰克和罗斯主演，是一部经典的传统电影，凯特和莱昂纳多·达芬奇，一个贫穷，一个富有，女孩有一个昂贵的随机护身符，看起来很酷，我想，是的，然后是飞船
撞车，他们都死了！除了罗斯。这里有一个来自某处的随机电影评论：

就像海底的巨大的铁狮身人面像，泰坦尼克号仍然面向西方，在它唯一的航行中永远中断。我们在电视上看到它
《泰坦尼克号》的开拍镜头，上面覆盖着85年的淤泥；一台遥控电视摄像机蜿蜒进入，穿过走廊和门口，向我们展示了为百万富翁建造的、由甲壳类动物继承的头等舱。

这些照片
准确地打出正确的音符；这艘船从坟墓里呼喊着要讲述它的故事，如果这个故事是由娱乐和炒作、烟雾和镜子组成的，那么泰坦尼克号也是如此。她是“人类历史上最大的感人作品”的一个角色
夸耀，巧妙地忽略了金字塔和长城。在电影的早期，有一张她的照片，从船头到船尾雄伟地扫过镜头，据称，这张照片将近900英尺长，而且“永不沉没”，直到一座冰山形成了一个无可辩驳的冰山
回答。

詹姆斯·卡梅隆194分钟、耗资2亿美元的悲剧之旅电影是好莱坞史诗的传统。它制作完美，结构巧妙，动作有力，引人入胜。如果它的故事能在
对于这类图片，传统的公式是，你不会选择有史以来最昂贵的电影作为重新发明轮子的机会。

在电影开始之前，我们知道某些事情必须发生。我们必须看到泰坦尼克号的帆
然后下沉，确信我们看到的是一艘真正的船。一定有一个人类的故事——可能是一个浪漫故事——涉及一些乘客。必须有一些小插曲涉及到其他人，还有一部分小插曲涉及到其他人的傲慢和骄傲
这艘船的建造者——也许还有他们的勇气和尊严。船上可怕的阵痛一定会重现；沉没了两个半小时，所以船上的每个人都有时间知道发生了什么，并考虑。
他们的行动。

所有这些元素都出现在卡梅隆的《泰坦尼克号》中，像压舱物一样重量和平衡，因此电影看起来总是成比例的。这艘船由模型（大小）、视觉效果和计算机动画组成。
从理智上来说，你知道你不是在看一艘真正的远洋客轮，但这种错觉是令人信服的，而且是无缝的。特效不会引起不适当的注意，而是完成了任务。

人类故事涉及一个17岁的孩子
一位名叫罗丝·德维特·布卡特（凯特·温斯莱特饰）的女性，她正驶向她认为属于自己的厄运：她被身无分文的母亲逼迫订婚，嫁给了一位名叫卡尔·霍克利（比利·赞恩饰）的富有、高傲的势利小人，而且非常痛苦
她是不是讨厌这样的前景：她试图从船上跳下来自杀。她被杰克·道森（莱昂纳多·迪卡普里奥饰）救了出来。杰克·道森是一个性情急躁的steerage孩子，他们当然会在短暂的时间内坠入爱河
剧本以一种不引人注目的方式讲述了他们的故事。杰克被邀请参加罗斯在一等餐厅举行的宴会，后来，从卡尔的男仆洛夫乔伊（大卫·华纳饰）那里逃出来，他们发现自己是第一个
在令人敬畏的机舱里，活塞和教堂一样高，然后在拥挤的驾驶舱里跳一场激动人心的爱尔兰舞蹈。（有一次罗斯把手指交给了洛夫乔伊；年轻的女士们是在1912年这样做的吗？）她们的探索与电影中的场景交织在一起
指挥甲板，舰长（在那里）
#sidebar {
  display: flex;
}

#sidebar > ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

#sidebar > ul > li {
  flex: 0 0 100px; /* adjust height as desired */
  display: flex;
  list-style-type: none;
  border-bottom: 1px solid gray;
}

#sidebar > ul > li > a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 25px;
}