PHP或HTML：居中的一切，但讓他們左對齊彼此

Question

我有這個PHP文件：

<?php header("HTTP/1.0 404 Not Found"); ?> 
<?php defined('C5_EXECUTE') or die("Access Denied."); ?> 

<br/><br/> 

<h1 class="error"><?php echo t('Page Not Found')?></h1> 

<?php echo t('We searched but there is no page at this address.')?> 

<?php if (is_object($c)) { ?> 
    <br/><br/> 
    <?php $a = new Area("Main"); $a->display($c); ?> 
<?php } ?> 

<br/> 

<img src="img.jpg"> 

<br/><br/> 

<a href="<?php echo DIR_REL?>/"><?php echo t('Back to Home')?></a>. 

，所有的元素左對齊。我想修改它以保持所有項目相對於對方的左對齊，但將所有項目集中在頁面中。

例如，上面的代碼：

Some text here. 
Some big image here. 
Some very very very long button here. 

我要的是：

     Some text here. 
         Some big image here. 
         Some very very very long button here. 

我試着用兩個嵌套div標籤，如下所示：

<?php header("HTTP/1.0 404 Not Found"); ?> 
<?php defined('C5_EXECUTE') or die("Access Denied."); ?> 

    <div align="center"> 
     <div align="left"> 

     <br/><br/> 

     <h1 class="error"><?php echo t('Page Not Found')?></h1> 

     <?php echo t('We searched but there is no page at this address.')?> 

     <?php if (is_object($c)) { ?> 
      <br/><br/> 
      <?php $a = new Area("Main"); $a->display($c); ?> 
     <?php } ?> 

     <br/> 

     <img src="img.jpg"> 

     <br/><br/> 

     <a href="<?php echo DIR_REL?>/"><?php echo t('Back to Home')?></a>. 
    </div> 
</div> 

但這沒有工作（沒有改變任何東西 - 仍然在頁面上有理由）。有任何想法嗎？它甚至可能，或者我會遇到瀏覽器不兼容？

Answer 1

要dinamicaly包裹的div CSS：

.wrap img{ 
    max-width:100%; 
    } 
.container{ 
    text-align:center; 
    background-color:red;} 
.wrap{ 
    text-align:left; 
    display:inline-block; 
    margin:0 auto; 
    background-color:white; 
} 

HTML：

<div class="container"><div class="wrap"> 
    <div>Hello World!</div> 
    <div>Some bigger text</div> 
    <div>Some more bigger text</div> 
    <div><img src="image.jpg"/></div> 
</div> 
</div> 

你可以SE這裏ê它在行動： http://cssdesk.com/KqFha

*編輯補充適合屏幕大小

Answer 2

<div id="wrapper"> 
<?php header("HTTP/1.0 404 Not Found"); ?> 
<?php defined('C5_EXECUTE') or die("Access Denied."); ?> 

<br/><br/> 

<h1 class="error"><?php echo t('Page Not Found')?></h1> 


<?php echo t('We searched but there is no page at this address.')?> 

<?php if (is_object($c)) { ?> 
    <br/><br/> 
    <?php $a = new Area("Main"); $a->display($c); ?> 
<?php } ?> 

<br/> 

<img src="img.jpg"> 

<br/><br/> 

<a href="<?php echo DIR_REL?>/"><?php echo t('Back to Home')?></a>. 
</div><!--end wrapper--> 

在你的CSS

#wrapper{width:800px;margin:0px auto;}