Html：テキストを中央揃えの画像に左揃えにする方法は？

Question

私は私のWebページ上で、次のような何かをする必要があります。

------------------------------------------------------------------- 
|Normal text              | 
|                 | 
|  Some text aligned to image left       | 
|  ----------------------------------------------------  | 
|  |     Centered image     |  | 
|  |             |  | 
|  ----------------------------------------------------  | 
|                 | 
------------------------------------------------------------------- 

私はこれを行うにはどのように絶対にないアイデアを持っていません。これまでのところ、私が試してみましたすべてが、テキストが生じ、それは、画像の左端に揃えることになっているにもセンタリングされるように:(

おかげ

Answer 1

は、単一のテキストや画像を入れてdiv要素。センターのdiv、および左揃え、その中にテキストを。

Answer 2

1. ノーマルテキスト--->

2. 画像に左揃えテキストの一部をパディングすることなく、通常の方法、すなわちに与えます--- >パディングを左に与える

3. 中心に画像----->中央に整列

Answer 3

を与え、これを試してみてください：

<table style="width:100%;"> 
    <tr> 
     <td style="width:100%;">> 
      <div style="text-align:left;">Normal Text</div> 
     </td> 
    </tr> 
    <tr> 
     <td style="width:100%;"> 
      <table style="width:80%;" align="center"> 
       <tr> 
        <td style="width:100%;"> 
         <div style="text-align:left;">Some text aligned to image left</div> 
        </td> 
       </tr> 
       <tr> 
        <td style="width:100%;"> 
         <image url=""></image> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

Answer 4

を試してみて、この：あなたのイメージのサイズ、言う貸し付け：800×600 HTMLマークアップ

<div id="content"> 
<img src="something..."> 
</div> 

CSS

#content img 
{ 

    position:relative; 
    top:50%; 
    left:50%; 
    margin-top:-300px; 
    margin-left:-400px; 
} 

OR

あなたが背景として画像を使用することができますし、

#content 
{ 
    background-image:url('bg.png'); 
    background-position:center; 
    background-repeat:no-repeat; 
} 

もっとhttp://www.w3schools.com/cssref/pr_background-position.asp