📌  相关文章
📜  如何在HTML中的图像周围换行

📅  最后修改于: 2020-11-04 01:33:43             🧑  作者: Mango

如何在HTML图像中换行

使用内部CSS

如果要使用内部CSS将文本环绕在HTML文档中，则必须遵循以下步骤。使用这些步骤，我们可以轻松地包装文本。

步骤1：首先，我们必须在任何文本编辑器中键入Html代码，或者在要包装文本的文本编辑器中打开现有的Html文件。


   
    
   
Wrap a text around an image


 
Hello User!....   

Html Tutorial   

This page helps us to understand how to wrap the text around an image in Html using CSS.

步骤2：现在，我们必须输入CSS代码以对齐图像。因此，我们必须输入

步骤3：然后，我们必须定义各种属性以将文本环绕在图像周围。因此，我们必须定义一个类。

.wrapingimage
{
float: left; 
margin: 30px 12px 3px 4px; 
border: 2px solid blue;
}

步骤4：现在，我们必须在body标签中使用定义的类，如以下屏幕截图所示。

 
image

步骤5：最后，我们必须保存HTML文件，然后在浏览器中运行该文件。

 
 
 
 
Wraping text around image
 
 
 
 
Hellooo User!!!....

 
image  

 

 
If we want to wrap the text around an image in Html document using Internal CSS then we have to follow the steps which are given below. Using these steps we can easily wrap a text. 
Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to wrap the text. 
Step 2: Now, we have to type the CSS code for aligning the image. So, we have to type the style tag in the head tag just after the title tag. 
Step 3: And, then we have to define the various properties for wrapping the text around the image. So, we have to define a class.

下面的屏幕快照显示了以上HTML代码的输出：