图像上的内联样式，段落不会换行

Question

我已经使用Wordpress创建了一个博客，并且正在尝试向每个帖子添加图像。虽然图像似乎不工作'内联'。我试图添加内联样式（使用Chrome开发工具），似乎无法使段落换行。

Example

Answer 1

对于环绕图像的文字，您必须有display: inline以及float集合。

你有display:inline设置在div包含div包含标题和图像，但没有浮动应用。将float: left添加到标题div的父div（已将display: inline设置为内联样式），文本将在图像周围流动。

，或者完全删除该父div（因为是完全无关的，并没有真正的目的），并简单地套用display: inline到被应用到包括图像和float: left到.alignleft类标题的div（这是什么.wp-caption类WP分配给任何左对齐的图像）。

Answer 2

您需要删除围绕图像div和放置图像的段落标记内。当图像位于p标签内时，您可以左右对齐，文本将围绕它们流动。

Answer 3

添加float:left到div带班wp-caption alignleft，像这样：

.alignleft 
{ 
    float:left; 
}