Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在wordpress的列中显示图像和文本_Css_Wordpress_Html - Fatal编程技术网

Css 在wordpress的列中显示图像和文本

Css 在wordpress的列中显示图像和文本,css,wordpress,html,Css,Wordpress,Html,我试图在wordpress中创建一个两列布局,左边是图像,右边是文本。这需要是一个最大600px的宽度,所有的图像将是一个固定的大小250px宽和142px高,我会有图像/文本重复下面,在这个网站上 我所有的尝试都导致文字出现在图片下方。我希望能够在不需要更改核心文件的情况下使用html/css 编辑:好的,我有这个代码,但它没有正确对齐,有什么想法我需要更改 <div class="pod"> <div class="singleblock"> <div clas

我试图在wordpress中创建一个两列布局,左边是图像,右边是文本。这需要是一个最大600px的宽度,所有的图像将是一个固定的大小250px宽和142px高,我会有图像/文本重复下面,在这个网站上

我所有的尝试都导致文字出现在图片下方。我希望能够在不需要更改核心文件的情况下使用html/css

编辑:好的,我有这个代码,但它没有正确对齐,有什么想法我需要更改

<div class="pod">
<div class="singleblock">
<div class="wp-caption align:left;" style="width: 250px;"><img title="TEST" alt=""       src="http://www.djdavestewart.com/site/wp-content/uploads/2013/04/test.jpg" width="250" height="142" hspace="5" vspace="5" />
<p class="wp-caption-text">TEST CAPTION</p>

</div>
<p>TEXT HERE</p>
<p style="text-align:right;">Read More....</p>
</div>
</div>

<div class="pod">
<div class="singleblock">
<div class="wp-caption align:left;" style="width: 250px;"><img title="TEST" alt="TEST" src="http://www.djdavestewart.com/site/wp-content/uploads/2013/04/test.jpg" width="250" height="142" hspace="5" vspace="5" />
<p class="wp-caption-text">TEST CAPTION</p>

</div>
<p style="text-align: left;">TEXT HERE</p>
<p style="text-align: right;">Read More....</p>
</div>
</div>
任何指导都将不胜感激


Gary

对于每两个图像/文本,将它们放在一个div中。在这个div上放置一个类,然后使用这个CSS

.yourdive img{
  float : left;
}

阅读更多关于:谢谢你,我来试试
.yourdive img{
  float : left;
}