* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.box {
  width: 80px;
  padding: 30px 2%;
  background-color: rgb(220, 220, 220);
  position: relative;
}

.box p {
  word-wrap: break-word;
  display: inline;
  border-bottom: 2px solid green;
  color: #444;
  font-size: 13px;
}

.white-spacing,
.white-spacing2,
.white-spacing3,
.white-spacing4 {
  width: 100px;
}

.white-spacing p {
  width: 100px;
  background-color: gray;
  margin-bottom: 10px;
}
.white-spacing2 p {
  width: 100px;
  background-color: gray;
  margin-bottom: 10px;
  white-space: nowrap;
  /* overflow: visible; */
}
.white-spacing3 p {
  width: 100px;
  background-color: gray;
  margin-bottom: 10px;
  white-space: pre;
}
.white-spacing4 p {
  width: 100px;
  background-color: gray;
  margin-bottom: 10px;
  white-space: pre-line;
}