Execute Save

Team

Created By: Guest

Title:

Title

Copy Link

Public CodeBins
HELP

New CodeBin

CodeBins Versions

Compare Versions

Recent CodeBins

View All CodeBins

Setting Validate Copy Format

#container {
  background: yellow;
  position: relative;
  padding: 8px;
  margin: 0 auto;
  max-width: 1000px;
  overflow: auto;
}

#one {
  background: green;
  float: left;
  width: 40%;
}

#two {
  background: red;
  float: right;
  width: 60%;
}

.testimg {
  width: 300px;
  height: 200px;
}

@media all and (max-width:800px) {
  #one, #two
  {
    display: block;
    float: none;
    width: 100%;
  }
  
  #container {
    background: gray;
  }
}

Setting Validate Copy Format

<div id="container">
  <div id="one">First column<br>test test test test test test test test test test</div>
  <div id="two">
    <h3>Second column with image<br>test test test test test</h3>
    <img class="testimg" src="http://images.all-free-download.com/images/graphiclarge/water_waterfall_nature_214751.jpg">
  </div>
</div>

Copy Format

Download