JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer">
    <div id="Aboutus">ABOUT OUR COMPANY</div>
    <hr color="#00225d">
    <div id="footernews">
        <ul>
            <li>
                <div id="imgmove">
                    <img src="images/footer1.jpg" alt="" />
                </div>
                <div class="titlename">
                    <p>Even from behind most</p>
                </div>
                <hr class="newsfooter"></hr>
                <div class="contentfooter">
                    <p>Web browser. Access Xstream Quotes via the Internet, even from behind
                        most corporate firewalls!</p>
                </div>
            </li>
        </ul>
    </div>
</div>
<!-- #footer -->

CSS

#footer {
    height: 280px;
    background: #fff;
    clear: left;
    background-image: url(images/bg_footer.jpg);
    background-repeat: no-repeat;
    background-position: 0 160px;
    position: relative;
    z-index: 2;
    border: 1px solid black;
}
#footernews {
}
#footernews li {
    list-style-type: none;
    height: 170px;
    width: 380px;
    float: left;
}
.newsfooter {
    width: 183px;
    border-bottom: 1px dotted #8d8d8d;
    height: 1px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    margin-top: -20px;
}
#imgmove {
    width: 146px;
    height: 164px;
    float: left;
    position: relative;
    margin-left: 10px;
    top: 11px;
    border: 1px solid black;
    z-index: 1;
}
.titlename {
    position: relative;
    left: 12px;
    top;
    60px;
}
.contentfooter {
    margin-top: 60px;
    border: 1px solid black;
}