how to make box centered in css

Preface If you want to try to typeset web pages without using tables, you can use CSS to typeset your web pages, that is, you can often use Div to orchestrate your web page structure, or you want to learn about the standard design of web pages, or say that your boss wants you to change the traditional form formatting method to improve the competitiveness of enterprises, one of the things you must understand is the

; 1 line-height:200px; Single-line text is centered vertically: The box is the same height as the row. 1 Div.box1 {2 width:300px;3 height:100px;4 font-size:30px;5 line-height:100px;67} Percent indication:% ( representation and font size ratio ) 1. Box2 {2 width:400px;3 height:100px;4 border:1px solid #000;5 font-size:20px;6/*line-height:1

padding properties.}inline-block{In short, the element can be displayed in one line, and the width and height margins can be set.}Block-level elements default to a whole line regardless of its width there is no whole line wide useless space no other elements to useProperty: Display:block;Defaults to a whole line the default width an entire row can be set to a wide line with only its owninline (inline) elements define a piece of content (text) that is not occupied within the line. Other inline e

Sometimes we need to write a flexible box in CSS3, so how does this code work? This needs to use our Box-shadow attribute, he can let the box in the display when the shadow effect, the following will give you a detailed explanation Writing: Box-shadow:length length length color; The first parameter indicates the horiz

Author: TangInstance Web site: http://www.hsptc.com/css2.htmlObjectiveIf you want to try the page layout without a table, instead, you can use CSS to format your Web page, which is often used to compose your Web page structure with Div, or you want to learn the standard design of Web pages, or your boss wants you to change the traditional form layout, improve the competitiveness of enterprises, Then you must be exposed to a knowledge point is the

Author: Tang GuohuiInstance webpage: http://www.hsptc.com/css2.htmlPrefaceIf you want to try to typeset web pages without using tables, you can use CSS to typeset your web pages, that is, you can often use DIV to orchestrate your web page structure, or you want to learn about the standard design of web pages, or your boss wants you to change the traditional form layout mode to improve the competitiveness of enterprises, one of the things you must unde

ArticleDirectory CSS padding CSS border CSS margin CSS margin merge The CSS box model specifies how the element content, padding, border, and padding are processed by the element