Html 如何在不使用居中元素'；谁的位置错了？

我有一个网页，我有一个标题（div），里面有一个img和一个表单

img以中心标记居中，我用

float:right将表单向右对齐

问题是，使用
float:right使img的中心关闭

如何正确对齐表单元素，而不关闭居中元素的位置？
要这样做吗？还有表格呢，同样的img行？请张贴您的密码


表单{
溢出：隐藏；
}
输入{
浮动：对；
明确：两者皆有；
}
img{
显示：块；
保证金：自动；
宽度：40%；
}

将图像和形状居中放置在右侧，想要相同的线条吗？？？
要使图像居中，请使用边距：自动；并使其成为块元素：

您可以使用flex。不可见项和窗体的宽度应相同


.header{
高度：60px；
背景颜色：绿色；
显示器：flex；
弯曲方向：行；
对齐项目：居中；
}
.header>div：第一个子项{
右边距：自动；
可见性：隐藏；
宽度：100px；
}
.标题img{
宽度：80px；
高度：50px；
保证金：0；
填充物：5px；
}
.页眉表格{
保证金：0；
填充：0；
左边距：自动；
宽度：100px；
}
.标题表格输入{
宽度：90px；
}

看不见的
您可以添加您的code@kittyCat代码现在是乱七八糟的。你可以做任何你想做的事情。你的答案在GitHub的代码段运行程序中甚至不起作用。