How to embed a small photo in the middle of a big photo
<!DOCTYPE HTML><html> <head> <meta charset="gb2312" /> <title></title> <style> div { width:120px; height:120px; background:url(http://avatar.profile.csdn.net/3/1/9/2_a138762698828.jpg) no-repeat; text-align:center; } img { margin-top:30px; } </style> </head> <body> <div> <img src="http://avatar.profile.csdn.net/3/1/9/2_a138762698828.jpg" width="60" /> </div> </body></html>That’s probably what it means, but how to adjust the position of the small photo?
The small photo is now centered
margin-top:30px; Adjust the top margin based on this
Add position:relative IMG to the outer div and try using the top left CSS attribute
500-member Advanced QQ Group:
HTML/CSS Technology Zone (202023795) Verify CSDN
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
