CSS Float 3

No float

by rough cheap

HTML

<div class="container">
  <div class="boxa">
    image box
  </div>
  <div class="boxb">
    Lorem ipsum dolor sit amet
  </div>
  
</div>

CSS

html {
  font-size: 14px;
}

div {
  box-sizing: border-box;
}

.left {
  float: left;
}

.right {
  float: right;
}

.container {
  padding: 0.5rem;
  width: 100%;
  background-color: rgb(196, 196, 196);
}

.boxa {
  background-color: rgb(255, 196, 196);
}

.boxb {
  background-color: rgb(196, 255, 196);
}

.boxc {
  background-color: rgb(196, 196, 255);
}

JavaScript

// find elements
var banner = $("#banner-message")
var button = $("button")

// handle click and add class
button.on("click", function() {
  banner.addClass("alt")
})