Cacher is the code snippet organizer for pro developers

div.bubble {
  border-radius: 15px;
  width: 70%;
  overflow: visible;
  text-align: center;
  padding: 20px;
  margin-bottom: 25px;
  position: relative;
}

/* even bubbles are pulled right */
div.bubble:nth-child(2n) {
  margin-left: 30%;
}

div.bubble-inner {
  bottom: -10px;
}

div.bubble-inner:after {
  border-color: #f8f8f8 transparent transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0px 7px;
  bottom: -7px;
  content: "";
  left: 80%;
  position: absolute;
}

/* odd bubbles have a triangle on left */
div.bubble:nth-child(2n+1) > div.bubble-inner:after {
  left: 10%;
}

h5 {
  text-align: right;
  margin-bottom: 0px;
}