<h3>Images</h3> <h4>Auto size</h4> <img src="data:image/gif;base64,R0lGODlhIAAgAIAAAGB7/wAAACH5BAAAAAAALAAAAAAgACAAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5sFADs=" /> <h4>Style size</h4> <img src="data:image/gif;base64,R0lGODlhIAAgAIAAAGB7/wAAACH5BAAAAAAALAAAAAAgACAAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5sFADs=" style="width: 100px; height: 100px" /> <h4>Attr size</h4> <img src="data:image/gif;base64,R0lGODlhIAAgAIAAAGB7/wAAACH5BAAAAAAALAAAAAAgACAAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5sFADs=" width="100" height="100" /> <h4>Mixed attr/style size</h4> <img src="data:image/gif;base64,R0lGODlhIAAgAIAAAGB7/wAAACH5BAAAAAAALAAAAAAgACAAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5sFADs=" width="100" style="height:100px" /> <h4>Margin and border</h4> <img src="data:image/gif;base64,R0lGODlhIAAgAIAAAGB7/wAAACH5BAAAAAAALAAAAAAgACAAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5sFADs=" style="margin: 10px; border: 5px solid red" /> <h4>Margin and border in div</h4> <div><img src="data:image/gif;base64,R0lGODlhIAAgAIAAAGB7/wAAACH5BAAAAAAALAAAAAAgACAAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5sFADs=" style="margin: 10px; border: 5px solid red" /></div> <h4>Float right</h4> <img src="data:image/gif;base64,R0lGODlhIAAgAIAAAGB7/wAAACH5BAAAAAAALAAAAAAgACAAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5sFADs=" style="float: right" /> <h3>Tables</h3> <h4>Auto size</h4> <table><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> <h4>Style size</h4> <table style="width: 100px; height: 100px"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> <h4>Attr size</h4> <table width="100" height="100"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> <h4>Mixed attr/style size</h4> <table width="100" style="height:100px"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> <h4>Margin and border</h4> <table style="margin: 10px; border: 5px solid red"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> <h4>Table with image inside</h4> <table><tr><td>1</td><td>2</td></tr><tr><td><img src="data:image/gif;base64,R0lGODlhIAAgAIAAAGB7/wAAACH5BAAAAAAALAAAAAAgACAAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5sFADs=" style="margin: 10px; border: 5px solid red" /></td><td>4</td></tr></table> <h4>Float right</h4> <table style="float: right"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> <h4>Table in table</h4> <table><tr><td><table><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table></td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> <h4>Table with caption</h4> <table><caption>C</caption><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> <h3>Other objects</h3> <h4>Auto size</h4> <object></object> <h4>Style size</h4> <object style="width: 100px; height: 100px"></object> <h4>Attr size</h4> <object width="100" height="100"></object> <h4>Mixed attr/style size</h4> <object width="100" style="height:100px"></object> <h4>HR element</h4> <hr width="100" style="height:100px" /> <h4>Edge case on IE</h4> <div style="width: 100px; height: 100px; border: 1px solid red">DIV</div> [Select image 1] [Select image 2]

### Images

#### Auto size

#### Style size

#### Attr size

#### Mixed attr/style size

#### Margin and border

#### Margin and border in div

#### Float right

### Tables

#### Auto size

1 | 2
3 | 4

#### Style size

1 | 2
3 | 4

#### Attr size

1 | 2
3 | 4

#### Mixed attr/style size

1 | 2
3 | 4

#### Margin and border

1 | 2
3 | 4

#### Table with image inside

1 | 2
| 4

#### Float right

1 | 2
3 | 4

#### Table in table

1 | 2
3 | 4

2

3 | 4

### Other objects

#### Auto size

#### Style size

#### Attr size

#### Mixed attr/style size

#### HR element

#### Edge case on IE

DIV
[Select image 1] [Select image 2]