Front-end small module CSS layout code

Structure Code As follows: < Div Class = "Box" >
< H4 > Title </ H4 >
< DL Class = "Title" >
< Dd > More </ Dd >
</ DL >
< Div Class = "Content" >
Content
</ Div >
</ Div >

CSS code: 1 * { Margin : 0 ; Padding : 0 ; }
2 . Box { Width : 200px ; Position : Relative ; }
3 . Box h4 { Height : 26px ; Background : # F00 ; Line-height : 25px ; }
4 . Title { Position : Absolute ; Top : 1px ; Right : 3px ; Line-height : 25px ; }
5 . Content { Border : 1px solid # ccdff2 ; Overflow : Hidden ; }

note * {margin: 0; padding: 0;} is required, and the position: relative of the box is also required; yes. Otherwise, a problem may occur when you are absolutely positioning "more".
this way, we need to create such a small module, so we can just copy and modify it, you can also use a beautiful background image on H4
I have beautified the image.