<!DOCTYPE html>
<html>
<head>
<style>
@media only screen and (max-width: 480px) {
.overflow-hidden
{
overflow: hidden;
}
.float-left
{
float: left;
background: #f0f;
}
}
</style>
</head>
<body>
<h1>Iframe content</h1>
<div class="float-left">
<textarea>This text should be visible when window is resized </textarea>
</div>
<div class="overflow-hidden">
<textarea>This text should be visible when window is resized </textarea>
</div>
</body>
</html>