作为一名CSS新手,我正在努力创建这样的布局:
左图像和右图文本居中对齐。同样,右图和文本是中心对齐的。正确的图像进入文本下方的空白区域。
有人可以帮帮我吗?任何帮助表示赞赏。谢谢。
我的不好......我不应该睡眼惺..这是我的源代码。
<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>
我同意反对票。我很抱歉。 乔希,非常感谢你的慷慨。