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;}