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

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

<html>

<head>

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

</head>

<body>

<div>

</div>

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

</div>

</body>

</html>

1、创建一个html文件，并使用文本编辑器打开，输入html基本元素：

2、文本对齐全方式可通过设置<p>元素的align属性完成，基本格式如下：

<p align="对齐方式">文本段落</p>，

对齐方式有：left, center, right，如左对齐方式：align="left"

3、右对齐方式为：align="right"

扩展资料：

HTML书写方式：

它其实是文本，它需要浏览器的解释，它的编辑器大体可以分为三种，

1、基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。

2、半所见即所得软件，

如：FCK-Editer、E-webediter等在线网页编辑器；

尤其推荐：Sublime Text代码编辑器（由Jon Skinner开发，Sublime Text 2收费但可以无限期试用）。

3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：

AMAYA（出品单位：万维网联盟）；

FRONTPAGE（出品单位：微软）；

Dreamweaver（出品单位：Adobe）。

4、所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。

欢迎分享，转载请注明来源：内存溢出

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