|  | <!DOCTYPE html> | 
|  | <div style="width: 100px; height: 100px; border: solid;"> | 
|  | <div style="max-width: 100px; height: 100px; background: green; overflow-x: scroll;"> | 
|  | <div style="width: 120px; height: 50px; background: hotpink;"></div> | 
|  | </div> | 
|  | </div> | 
|  | <br> | 
|  | <div style="width: 100px; height: 100px; border: solid;"> | 
|  | <div style="display: table-cell; max-width: 100px; height: 100px; background: green; overflow-x: scroll; vertical-align: middle;"> | 
|  | <div style="width: 120px; height: 50px; background: hotpink;"></div> | 
|  | </div> | 
|  | </div> |