作为一名 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>
我同意反对票。我很抱歉。乔希，非常感谢你的慷慨。