如何在html中让图片和文本对齐

html-css06

如何在html中让图片和文本对齐,第1张

在html中让图片和文本对齐,这个的话,你可以将图片和文本放到2个div中然后用一个div包裹着,给那2个div设置float属性,当然宽度,高度是不能少的,然后在使用margin使这2个有点间隔,这里我提交一段代码:

<html>

<head>

<title>图片和文本的对齐</title>

</head>

<body>

<div>

<div style='flaot:leftwidth:330pxheight:200px'>

<img src='图片地址'>

</div>

<div style='flaot:leftwidth:330pxheight:200pxmargin-left:30px'>

<p>我是右边的测试文字</p>

</div>

</div>

</body>

</html>

在html中让图片和文本对齐,这个的话,你可以将图片和文本放到2个div中然后用一个div包裹着,给那2个div设置float属性,当然宽度,高度是不能少的,然后在使用margin使这2个有点间隔,这里我提交一段代码:

<html>

<head>

<title>图片和文本的对齐</title>

</head>

<body>

<div>

<div style='flaot:leftwidth:330pxheight:200px'>

<img src='图片地址'>

</div>

<div style='flaot:leftwidth:330pxheight:200pxmargin-left:30px'>

<p>我是右边的测试文字</p>

</div>

</div>

</body>

</html>