JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.drewwilson.com/js/jquery.tipTip.minified.js"></script>
<link rel="stylesheet" href="http://code.drewwilson.com/css/tipTip.css">
<body bgcolor="#000000">

<div class="footer_wrap">
    <div class="footer_bg">


        <div class="blog_Sec">
            <!--blog_nav-->

            <div class="partners1" style="margin-top:-10px">
                <span class="heading tableDisplay">Payment Partners</span> 

                <table class="tableDisplay">
                    <tbody>
                        <tr align="center">
                            <td align="center">
                                <a class="tiptip" href=
                                "http://www.moneybookers.com" target="_blank"
                                title="Moneybookers/Skrill"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/moneybookers.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/moneybookers.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/moneybookers.png"></a>
                            </td>

                            <td align="center">
                                <a class="tiptip" href=
                                "http://www.2checkout.com" target="_blank"
                                title="2Checkout"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/2checkout.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/2checkout.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/2checkout.png"></a>
                      ...

CSS

.footer_bg .blog_Sec {
    float: left;
    height: 260px;
    text-align: center;
    width: 340px;
}


.heading {
    color: #53A3DF !important;
    display: block;
    font-family: Cuprum,Arial,Helvetica,sans-serif !important;
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.tableDisplay{
    display: table-row;
}


.footer_wrap {
    color: #939598;
    float: left;
    margin: 20px 0 0;
    width: 100%;
}

#footer_about {
    color: #B2B2B2 !important;
}


.footer_wrap .footer_bg {
    background: url("../images/head_top_bg.png") no-repeat scroll center bottom transparent;
    float: left;
    width: 960px;
}

.footer_wrap {
    color: #939598;
}
#footer_about {
    color: #B2B2B2 !important;
}

.footer_bg .blog_Sec {
    text-align: center;
}

JavaScript

$(function(){
$(".tiptip").tipTip();
});