セクションの半分をカバーし、残りの半分にテキストコンテナを置いていますか？

Question

私は現在シンプルなウェブサイトを作っていますが、もう片面にセクションとテキストの半分をカバーするイメージが必要です。 どうすればいいですか？ ご協力いただければ幸いです。ありがとう

Answer 1

セクションまたはdivの中にimgを置いて、簡単にCSSを適用してそのイメージを左に浮かべることができます。 clicky：width: 50%;を追加

はそれのIMG幅の半分はここで、親のdiv（この場合は、<section>）

だその上に優れた、ライトアップされます。ここで

は私の作業jsfiddleです：clicky

HTML：

<section> 
    <div> 
    <img class="floatLeft" src="https://pbs.twimg.com/profile_images/457164810052857856/cXNMHcHF.jpeg"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do... 
    </div> 
</section> 

はCSS：

.floatLeft { 
    float:left; 
    width: 50%; 
}