HTML/CSS入门问题：如何将按钮移动到logo下方

解决方案 #

你可以根据当前的代码结构选择两种最简便的实现方式：

• 若直接包裹logo和按钮的父容器已使用flex布局：
  给该父容器添加flex-direction: column属性，即可将flex默认的横向排列改为纵向排列，若需要两者居中对齐，再补充align-items: center即可。需要调整logo和按钮的间距时，给按钮添加margin-top: 16px（数值可按需调整）就能拉开距离。
• 若你没有使用flex布局：
  直接给按钮元素添加display: block属性，块级元素默认独占一行，会自动换行到logo下方，需要居中的话额外加margin: 0 auto即可。

你之前调整属性没生效，基本是因为属性添加的容器不对：要控制两个元素的排列规则，布局属性必须加在直接包含logo和按钮的共同父容器上，加给更外层的大容器或者logo、按钮本身都不会生效。

内容的提问来源于stack exchange，提问作者M3T1X