Html 为什么我的图像在使用CSS时不会移动

我试图建立一个网站，在那里的文字将旁边的图像，要做到这一点，我需要移动到右边的图像，它不会让我无论我做什么。我尝试了各种方法，如向右浮动和许多其他方法，但都不起作用。有人能帮忙吗

html，
身体{
保证金：0自动；
}
.标题{
身高：4.6雷姆；
宽度：100%；
背景色：#555555；
边框底部：1px纯黑；
字号：0；
左侧填充：20px；
边缘底部：25px；
}
.btn{
背景色：#555555；
填充：26px；
右边填充：45px；
左侧填充：45px；
边界：无；
保证金：0；
字号：1.2rem；
颜色：#F5；
字体系列：Garamond，衬线；
}
.btn:悬停{
背景色：#6969；
}
.btn：活动{
大纲：无；
边界：无；
}
.btn:焦点{
大纲：无；
边界：无；
}
.头衔{
左边距：385px；
字号：2rem；
字体系列：Garamond，衬线；
}
.孩子{
位置：相对位置；
浮动：对；
}

个人计算机技术

你应该

flex

，使用

调整内容：中心


html，
身体{
保证金：0自动；
}
.标题{
身高：4.6雷姆；
宽度：100%；
背景色：#555555；
边框底部：1px纯黑；
字号：0；
左侧填充：20px；
边缘底部：25px；
}
.btn{
背景色：#555555；
填充：26px；
右边填充：45px；
左侧填充：45px；
边界：无；
保证金：0；
字号：1.2rem；
颜色：#F5；
字体系列：Garamond，衬线；
}
.btn:悬停{
背景色：#6969；
}
.btn：活动{
大纲：无；
边界：无；
}
.btn:焦点{
大纲：无；
边界：无；
}
.头衔{
字号：2rem；
字体系列：Garamond，衬线；
}
.孩子{
位置：相对位置；
}
.集装箱{
显示器：flex；
证明内容：中心；
}

个人计算机技术