Real html button test

by paulwesterberg

HTML

<html>
    <head/>
    <body>

<table>
<tr>
            <td colspan="4">
            This is some text here to see if stuff moves and to shift the buttons down below the jsfiddle ghost labels that cause problems with test clicking action.
        </td>
    </tr>
    <tr>
        <td>
            Real Buttons:
        </td>
        <td>
            <button id="realButton1" runat="server">
                Real Html Button</button>
        </td>
        <td>
            <button id="Button2" runat="server">
                <table>
                    <tr>
                        <td style="width: 16px;">
                            <img src="http://www.google.com/favicon.ico" alt="test ico" runat="server" />
                        </td>
                        <td style="vertical-align: middle;">
                            Html Button with image
                        </td>
                    </tr>
                </table>
            </button>
        </td>
        <td>
            <button id="Button3" runat="server" title="just image">
                <img id="Img3" src="http://www.google.com/favicon.ico" alt="test ico" runat="server" />
            </button>
        </td>
        <td>
            <button id="Button4" runat="server" title="just image in div">
                <div>
                    <img id="Img4" src="http://www.google.com/favicon.ico" alt="test ico" runat="server" />
                </div>
            </button>
        </td>
               <td>
            <button id="Button4" runat="server" title="just image in table">
                <table>
                    <tr>
                        <td style="width: 16px;">
                            <img id="Img4" src="http://www.google.com/favicon.ico" alt="test ico" runat="server" />
                        </td>
                    </tr>
                </table>
            </button>
        </td>
    </tr>
    <tr>
        <td colspan="4">
            This is more text here to see if stuff...