html怎样在直线中间加图片？

html怎样在直线中间加图片？像图片里面这样的。

html还是什么语言先？html那不是直线放入一个div容器，div relative定位，图片放div下absolute定位，left:50%，margin-left为 -图片宽度/2实现居中
top同理

可以把那条直线当作两条直角看啊根据坐标定位