html - 画像とフォームの間の HTML/CSS テキスト段落

Question

私はしばらくこれを理解しようとしてきましたが、自分で理解しようとすると頭が爆発すると思います.

私は非常に単純なことをしようとしていますが、運がありませんでした。私は基本的に、画像とフォームの間にヘッダーと段落を入れようとしています。

これは今のように見えます：

そして、これは私がそれを次のように見せようとしているものです:

そして、ここに関連するコードがあります: HTML:

<div id="content_section4">
    <p><img class="round" src="images/image5.jpg" alt="image1" height=175 width=175/></p>
    <h1 id="connect">Connect</h1>
    <div id="connect">blah blah blha blah joiefje blah blah blahblah blah balah I suck at html I hate my life 
    blah blah blah I have a cat blah blah blah blah blah blah blah eu2398re23ioj</div>

    <!--contact form here-->
    <div id="contact">
        <br>
        <form action="MAILTO:blah@blah.com" method="POST" enctype="text/plain">
            <input name="name" type="text" value="Name" size="40" onclick="this.value = '';"/> <br><br>
            <input name="email" type="text" value="Email" size="40" onclick="this.value = '';"/> <br><br>
            <textarea name="message" rows="10" cols="33" type="text" style="overflow:auto;resize:none" />Message</textarea> <br><br>
            <input type="submit" value="Send email"/>
        </form>
    </div>
</div><!--end contact_section4-->

そしてCSS：

#content_section4 {
    float: left;
    text-align: justify;
    padding-left: 20px;
}

#content_section4 img {
    float: left;
}

#connect {
    width: 425px;
    padding-left: 205px;
}

#contact {
    float:right;
}

I don't have tons of experience in web design and I have been fussing with this for hours.  Any help is greatly appreciated =)