Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
​
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <style>
@media only screen and (max-width: 400px) {
  .two-columns .column {
    max-width: 100% !important;
  }
  .three-columns .column {
    max-width: 49.9% !important;
  }
  .four-columns .column {
    max-width: 100% !important;
  }
}
​
​
@media screen and (min-width: 401px) and (max-width: 635px) {
  .two-columns .column {
    max-width: 50% !important;
  }
  .three-columns .column {
    max-width: 33.33% !important;
  }
  .four-columns .column {
    max-width: 100% !important;
  }
}
</style>
</head>
<body style="background-color: #f4f4f4; margin: 0;">
    <table width="600" border="0" cellpadding="0" align="center" style="border-collapse: collapse;">
        <tr>
            <td bgcolor="#cccccc" style="-webkit-font-smoothing: subpixel-antialiased;">
                <table width="600" bgcolor="#cccccc" cellspacing="0" cellpadding="0" align="center" style="border-collapse: collapse;">
                    <!-- preheader -->
                    <tr>
                        <td align="center" style="-webkit-font-smoothing: subpixel-antialiased;">
                            <table width="540" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
                                <tr>
                                    <td style="-webkit-font-smoothing: subpixel-antialiased;">
                                        <p style="-webkit-font-smoothing: subpixel-antialiased; Margin: 1em 0; color: #333333; font-family: helvetica, arial; font-size: 14px; line-height: 20px; text-align: left;">Hello</p>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <!-- preheader End-->
                    <!-- header -->
                    <tr>
                        <td bgcolor="#cccccc" align="center" style="-webkit-font-smoothing: subpixel-antialiased;">
                            <table width="540" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse;">
                                <tr>
                                    <td bgcolor="#ffffff" style="-webkit-font-smoothing: subpixel-antialiased;">
                                        <p style="-webkit-font-smoothing: subpixel-antialiased; Margin: 1em 0; color: #333333; font-family: helvetica, arial; font-size: 17px; line-height: 20px; text-align: left;">
                                            Helo World
                                        </p>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <!-- header End -->
                    <!-- content -->
                    <tr>
                        <td bgcolor="#cccccc" align="center" style="-webkit-font-smoothing: subpixel-antialiased;">
                            <table width="540" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse;">
                                <tr>
                                    <td bgcolor="#ffffff" style="-webkit-font-smoothing: subpixel-antialiased;">
                                        <p style="-webkit-font-smoothing: subpixel-antialiased; Margin: 1em 0; color: #333333; font-family: helvetica, arial; font-size: 17px; line-height: 20px; text-align: left;">
                                            Helo World
                                        </p>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <!-- content End -->
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
 
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers