Tip: You can modify some of the code before running
<! DOCTYPE html> <ptml xmlns= "http://www.w3.org/1999/xhtml" > <pead> <meta http-equiv= "Content-type" Content= "text/html; Charset=utf-8 "/> <title> page elements are horizontally centered </title> <style type=" Text/css "> * {margin:0; padding:0; List-style:none; font-size:14px; Font-family:tahoma, Geneva, Sans-serif; }. Clearfix:after {content: ""; height:0; Visibility:hidden; Display:block; Clear:both; }. Clearfix {zoom:1} a{text-decoration:none; h1{text-align:center; padding:10px, font-size:20px; margin:30px 0; AP {margin:20px auto; padding:10px 0; Background:orange Overflow:hidden; position:relative; page2{ ;} . Page2 a{display:inline-block;padding:2px 9px; background:white; border:1px solid red; vertical-align:middle; </ style> </pead> <body> <p> page elements in horizontal center </p> <p>inline-block Mode:</p> <div class= "Wrap Page2" > Prev 1 2 3 4 5 6 1 2 3 4 5 6 next </div> </body> </ptml></td> </tr> </table>
Tip: You can modify some of the code before running
