Javascript CSS按钮似乎没有对齐

所以我试着做一个小的日程安排/日历应用程序来练习。它都是在JS中生成并附加到DOM中的

带有日期的深灰色按钮切换下面的“内容”div，每个div包含“添加”按钮，以及后面的任务按钮。我要做的是在任务按钮所在的行中添加其他按钮，例如“删除”按钮。例如，task（子程序）按钮的宽度为90%，remove按钮的宽度为10%。然而，当我这样做时，它似乎在底部创建了1或2倍的边距。我不知道为什么

编辑：全部内容添加到下面 我为可怕的JS道歉，我不太熟悉这类事情的良好实践

附加问题：对于这样一个小应用程序，即当某个元素被删除时，可以从0重新呈现整个DOM页面吗

让routineData={
“日期”：[{
“天”：25，
“月份”：07，
“年份”：2019年，
“完成”：2，
"出局":3,，
“标签”：“，
“子程序”：[{
“标题”：“示例1”，
“类型”：“重复性”，
“国家”：1
},
{“标题”：“示例二”，
“类型”：“警告”，
“状态”：0
}]
}]
};
函数renderDOM（）{
设timespan=5；
let container=document.getElementById（'schedule_container'）；
let now=新日期（Date.now（））；
让马克=现在；
marker.setDate（marker.getDate（）-timespan）；
对于（让i=0；i请提供一个完整的演示，而不仅仅是一个最小的CSS，因为其他元素可能会影响布局。如果该副本没有涵盖您的问题，请留下评论。大多数空白问题已经解决。但是，如果没有完整的问题，很难说。@isherwood不确定副本是否与此相关，它是ab底部的空白不是内联块元素之间的空白可能是图标上的填充，使左div稍大一些。谢谢大家，我在一个功能代码段中添加了我到目前为止所拥有的内容。请提供一个完整的演示，而不仅仅是一个最小的CSS，因为其他元素可能会影响布局。如果重复的内容不包括您的issue，请留下评论。大多数空白问题已经解决。但如果没有完整的问题，很难说。@isherwood不确定副本是否与此处相关，它是关于底部的空间，而不是内联块元素之间的空间。可能是图标上的填充使左div稍大。谢谢大家，我添加了what到目前为止，我已经进入了一个功能片段