Home > Web Front-end > HTML Tutorial > Understanding page layout in html

Understanding page layout in html

一个新手
Release: 2017-10-17 10:23:55
Original
1753 people have browsed it

Before making a page, first analyze the layout of the page. If there are several modules, just use a few p, which can be nested layer by layer. ,

After using p, there will be no style confusion when floating.

The code is probably like this (a bit cumbersome, but it solves the urgent need):

<p>
	<p>
		<p class="d_left"></p>
		<p class="d_left"></p>
	</p>
	<p>
		<p></p>
	</p>
</p>
Copy after login

Float the two p-styles side by side in the picture to the left (the picture above is the effect after floating):

.d_left {//将两个p进行左浮动
  float:left;
}
Copy after login

The above is the detailed content of Understanding page layout in html. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template