テキストを画像の下に配置する方法

画像のようにテキストを中央に作るにはどうすればいいですか？テキストを画像の下に配置する方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Title</title> 
</head> 

<body> 
    <center> 
    <img src="http://www.wikima4.com/assets/templates/wikima4/css/images/red.jpg" width= 
    "1200" height="150" /> 
    </center> 

    <div align="justified"> 
    <font size="3" face="calibri">text text text text The quick brown fox jumps over the 
    lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over 
    the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps 
    over the lazy dog The quick brown fox jumps over the lazy dog<br /> 
    <br /> 
    You can download the documentation from this link: Download</font> 
    </div> 
</body> 
</html>

出典

2012-01-06 tintincutes

text-align:center;？ <center>？ margin:0 auto？

これをチェックしてください。 http://jsfiddle.net/VnRRA/それはあなたが欲しいものですか？

アップデート：私は、複数の画像のためにこれを行うためには、ID centerize DIV親を与え、text-align:center;

出典

2012-01-06 09:27:36 andrewk

私はちょうどコードを掲載しました。私は何が起こったのか分かりません投稿したものを消しました – tintincutes

それは中央に揃えることが可能ですか？ – tintincutes

私はCSSフィールドにcenterizeを追加したことに気付きました。テキストパッドだけをhtmlとして持っているとどうなりますか？私はhtmlコードにどこに追加しますか？ – tintincutes

にそれを言われたんでした何http://jsfiddle.net/VnRRA/1/

は基本的に、あなたはまた、1つの表を使用することができます行はテキスト、イメージはイメージです。この方法では、画像の上または下にテキストを配置できます。すなわち

<table> 
    <tr> 
     <td class="CSS Settings"> image 1 </td> 
     <td class="CSS Settings"> image 2 </td> 
     <td class="CSS Settings"> image 3 </td> 
    </tr> 
    <tr> 
     <td class="CSS Settings"> Text for image 1 </td> 
     <td class="CSS Settings"> Text for image 2 </td> 
     <td class="CSS Settings"> Text for image 3 </td> 
    </tr> 
</table>

出典

2013-04-18 00:59:02 Sprocket

テキストを画像の下に配置する方法

答えて

関連する問題