育將電腦工作室 - 線上書籍

網頁設計與雲端應用
=========

1. margin：水平左右對齊  
   http://tncomu10601.ugm.com.tw/css/margin\_align.html ```
  <pre class="brush:as3;">
  
  <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>margin_左右對齊</title>
      <style type="text/css">
        *{
          margin: 0;
          padding: 0;
        }
        .container{
          width: 70%;
          height: 1000px;
          margin: 0 auto;
          background-color: #A62626;
        }
      </style>
    </head>
    <body>
      <div class="container"></div> 
    </body>
  </html>                   
  ```
2. position\_左右對齊 ```
  <pre class="brush:as3;">
  
  <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>position_左右對齊</title>
      <style type="text/css">
        *{
          margin: 0;
          padding: 0;
        }
        /**/
        .container{
          width: 70%;
          height: 1000px;
          background-color: red;
          position: absolute;
          left:0px;
        }
      </style>
    </head>
    <body>
      <div class="container"></div> 
    </body>
  </html>     
  ```
3. float\_左右對齊 ```
  <pre class="brush:as3;">
  
  <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>float_左右對齊</title>
      <style type="text/css">
        *{
          margin: 0;
          padding: 0;
        }
        /**/
        .container{
          width: 70%;
          height: 1000px;
          background-color: red;
          float: right;
        }
      </style>
    </head>
    <body>
      <div class="container"></div> 
    </body>
  </html>                   
  ```
4. 
 
</body></html>

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown