.left {
    float: left;
    padding-right: 2.5em;
}
.right {
    float: right;
    padding-left: 1.5em;
}
p {
    margin-bottom: 1em;
    overflow: visible;
}
p:last-child {
    overflow: visible; /* this is an example of the browser default */
}

.oval {
  width: 30%;
  height: auto;
  border-radius: 50%;
  shape-outside: ellipse();
  padding: 1rem;
  background-clip: content-box;
/*  color: #111; */
/*  text-align: center; */
/*  font-size: 90px; */
/*  background-color: MediumPurple; */
}

.rectangle {
  width: 50%;
  height: auto;
  shape-outside: inset();
  padding: 1rem;
  background-clip: content-box;
/*  color: #111; */
/*  text-align: center; */
/*  font-size: 90px; */
/*  background-color: MediumPurple; */
}

.square {
  width: 40%;
  height: auto;
  shape-outside: inset();
  padding: 1rem;
  background-clip: content-box;
/*  color: #111; */
/*  text-align: center; */
/*  font-size: 90px; */
/*  background-color: MediumPurple; */
}

.float-left {
  float: left;
  margin-right: .5rem;
}

.float-right{
  float: right;
  margin-left: .5rem;
}