Wordpressのは、ここでは画像

Question

の下にテキストの折り返しを無効にし、現在の問題である：

私はテキストが画像の下に行くことはありませんので、それを作りたいです。しかし、これはWordPressで、私はすべての投稿のために働く解決策が欲しい。だから、CSSソリューションがベストかPHPソリューションでしょうか？私はWordpressがdivや段落に入れるものは選択しません。

<p> 
    <a href="http://amazon.com"> 
    <img class="alignleft wp-image-281" src="http://dock.com//Be_here_now_ram_dass.jpg" alt="Be Here Now Ram Dass" width="137" height="138" /> 
    </a> 
    This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. 
</p> 

関連するCSS：私はこの問題を解決するにはどうすればよい

.entry-content p { 
    font-size: 16px!important; 
    overflow: hidden; 
} 
a img.alignleft { 
    float: left; 
} 

ここ

は、コードのですか？それがPHPソリューションならば、徹底的にどこに置くか説明してください。ありがとう！

Answer 1

ブロック要素に段落テキストをラップし、overflow: autoに設定すると、インラインコンテンツが流出して浮動要素を囲むことができます。

.alignleft { 
 
    float: left; 
 
} 
 

 
.content { 
 
    font-size: 3rem; 
 
    overflow: auto; 
 
    display: block; 
 
}

<p> 
 
    <a href="http://amazon.com"> 
 
    <img class="alignleft wp-image-281" src="http://dock.com//Be_here_now_ram_dass.jpg" alt="Be Here Now Ram Dass" width="137" height="138" /> 
 
    </a> 
 
    <span class="content"> 
 
    This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. 
 
    </span> 
 
</p>