HTML：如何在标题中定位元素？

我正试图用HTML建立我的个人记录，但我还有最后一个问题要完成。
我想这样构建我的标题：

其中： 文本摘要将是我正在寻找的工作
照片将是我的照片
名字将是我的名字
个人信息是我的地址，电话号码

但我真的没有找到一个好方法来做到这一点。。。当我在浏览器上按CTRL+时，元素会以各种方式移动

/*头块*/
标题{
利润率：2%；
字体大小：15磅；
字体系列：连环画，连环画，草书；
宽度：96%；
显示：内联块；
}
img#简介照片{
高度：236px；
宽度：236px；
浮动：左；
}
分区描述{
浮动：对；
文本对齐：右对齐；
}
分区搜索{
文本对齐：居中；
垂直对齐：中间对齐；
字体大小：粗体；
字号：25pt；
宽度：5000px；
}
p#名称{
填充：8px；
垂直对齐：底部对齐；
文本对齐：左对齐；
字号：20pt；
背景色：#7E97AD；
颜色：白色；
宽度：100%；
高度：20磅；
}

字段1

字段2

字段3

字段4

字段5

字段6

字段7





名称

只需更改css即可

标题
{
显示：行；
最小宽度：100%；
}
收割台img
{
显示：表格单元格；
浮动：左；
宽度：25%；
高度：150像素；
}
标题。右横幅
{
显示：表格单元格；
浮动：左；
宽度：75%；
高度：150像素；
}
#描述
{
显示：内联块；
浮动：对；
文本对齐：居中；
宽度：30%；
背景#729FCF；
利润上限：4倍；
}
#搜寻
{
显示：内联块；
浮动：左；
宽度：66%；
利润率：30px2%；
文本对齐：居中；
背景#729FCF；
}
#搜索
{
颜色：#000；
文字装饰：无；
}
#名字
{
显示：块；
背景：#f00；
文本对齐：左对齐；
}

字段1

字段2

字段3

字段4

字段5

字段6

字段7


名称

只需更改css即可

标题
{
显示：行；
最小宽度：100%；
}
收割台img
{
显示：表格单元格；
浮动：左；
宽度：25%；
高度：150像素；
}
标题。右横幅
{
显示：表格单元格；
浮动：左；
宽度：75%；
高度：150像素；
}
#描述
{
显示：内联块；
浮动：对；
文本对齐：居中；
宽度：30%；
背景#729FCF；
利润上限：4倍；
}
#搜寻
{
显示：内联块；
浮动：左；
宽度：66%；
利润率：30px2%；
文本对齐：居中；
背景#729FCF；
}
#搜索
{
颜色：#000；
文字装饰：无；
}
#名字
{
显示：块；
背景：#f00；
文本对齐：左对齐；
}

字段1

字段2

字段3

字段4

字段5

字段6

字段7


名称

您可以使用模板区域进行此操作您可以使用模板区域进行此操作