Javascript 以动态宽度为中心的元素&；在它旁边有一个元素

我真的无法描述情况，所以这是我想要的

（包括箭头）应居中。因为现在的

可以更改，所以它具有动态宽度

日历图标应该位于
元素旁边，具有一定的边距

它可以用纯HTML和CSS实现吗？或者我应该做一些javascript的事情吗？
这可以通过使用
css flex Box
来实现。请阅读以下教程以了解更多信息

您可以将
放入一个容器中，然后给该容器一个
宽度
的
自动
，以及一个左右
边距
的
自动
，使其居中

HTML
然后，您可以通过添加另一个
div
并使用
绝对位置
将其设置为
相对位置
来添加日历。或者，您可以使用
：在
#today
的CSS选择器之后添加它，有许多方法可以实现这一点

保证金：自动可以工作。
表/表单元类
文本对齐的内联块元素：在父对象中居中

很难猜测这对你有什么好处。提供一些代码，然后试试谷歌。
你能做一把小提琴或贴一个链接到那个页面吗？@AlessandroMaglioccola抱歉我的不好。这张图片就是我作为PSD得到的。所以你还没有尝试过任何东西吗？@LeeHanKyeol请分享你尝试过的东西，至少我提供了一个适合你需要的例子。这只是在代码中实现它的问题。哈哈，你读过我的问题吗？问题是日历图标应该紧挨着某个单独居中的图标，而不考虑图标本身的宽度。只要开始动态地居中“今天”，其余的应该是小菜一碟。例如，把日历放在一个附件中。无论如何，没有人能告诉你什么是最好的，如果你根本不提供代码。我在问题中写道，
具有动态宽度，因此绝对定位图标不起作用…@LeeHanKyeol是的，它起作用。
绝对位置将基于容器的计算宽度。
<div class="yourparentdiv">
  <div class="container>
    < Today >
  </div>
</div>

.container {
  width: auto;
  margin: 0 auto;
}