HTML/CSS新手求助：按钮间距对齐与输入框placeholder显示异常

问题1：调整顶部按钮的间距与对齐 #

当前.btn容器内的按钮无布局控制，导致无间距且垂直对齐偏差。修改.btn的CSS样式，通过Flex布局实现间距控制与垂直居中：

.btn{
    margin-right: 250px;
    display: flex;
    gap: 12px; /* 可根据需求自定义间距大小 */
    align-items: center;
}

问题2：输入框Placeholder仅显示最后一个字母 #

输入框默认盒模型为content-box，设置的height仅计算内容高度，加上浏览器默认内边距后文字被容器截断。给输入框添加盒模型属性并设置内边距即可解决：

.content input{
    width: 450px;
    height: 40px;
    font-size: 20px;
    box-sizing: border-box; /* 让宽高包含内边距与边框 */
    padding: 0 12px; /* 避免文字贴容器边缘 */
}

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