需要CSS布局

时间:2012-05-05 06:24:32

标签: css layout

作为一名CSS新手,我正在努力创建这样的布局:

Layout

左图像和右图文本居中对齐。同样,右图和文本是中心对齐的。正确的图像进入文本下方的空白区域。

有人可以帮帮我吗?任何帮助表示赞赏。谢谢。

我的不好......我不应该睡眼惺..这是我的源代码。

<html> <head> <title>CSS exercise</title> <style> body{background-color:gray; font-family:Lucida Handwriting ;font-size:large;} .leftPic{width:300; height:250;} .rightPic{width:300; height:225} .bottomText{display:block;} </style> </head> <body> <div> <img src="left.jpg" alt = "left image" class="leftPic" /> Left text </div> <div> Right text <img src ="Right.jpg" alt="right image" class = "rightPic"/> </div> <div> Bottom text </div> </body> </html>

我同意反对票。我很抱歉。 乔希,非常感谢你的慷慨。

1 个答案:

答案 0 :(得分:3)

你知道,通常我不是很慷慨,但我觉得你在解释中付出了足够的努力值得回答。

以下是布局的jsFiddle:http://jsfiddle.net/9UdLV/