1.两个元素均设置float:left
或right
2.通过调整元素的left或right实现
3.两个元素均设置diaplay:block,因元素为默认左对齐,且均设为块级元素后,都将独占一行。
有一种方法就是利用表格布局,<table>
<tr align="center">
<td>文字</td>
<td><img src="image/1.png" width="90" height="90" alt=""></td>
</tr>
</table>
这样写,是可以保证图片和文字同派且文字与图片是居中显示的,而不是文字在图片下方
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。
2、在index.html中的<span>标签中,输入样式代码:style="float: leftpadding-top: 25px"。
3、浏览器运行index.html页面,此时文字对准了图片的中间。