Mount table with div

1

I have the following table in HTML

 <table style="width: 100%">
    <tr>
        <td style="width: 50px">
            <img src="https://s32.postimg.org/x1llms2ph/caixa_padrao.png">
        </td>
        <td>
            <table>
            <tr>
                <td>Texto 1</td>
            </tr>
            <tr>
                <td>Texto 2</td>
            </tr>
            <tr>
                <td>Texto 3</td>
            </tr>
        </table>
        </td>
    </tr>
    </table>

Can anyone help me mount an equal, but in DIV and CSS

    
asked by anonymous 11.07.2016 / 14:27

1 answer

4

It would look something like this:

            .container{display: block;}
            .container img{float: left;margin-top: 7px;margin-right: 10px;}
            .container p{margin: 5px 0px;}
        <div class="container">
            <img src="https://s32.postimg.org/x1llms2ph/caixa_padrao.png">
            <p>Texto 1</p>
            <p>Texto 2</p>
            <p>Texto 3</p>
        </div>
    
11.07.2016 / 14:36