<style>
.shrink_to_fit {
  float: left;
  font-size: 10px;
  background-color: green;
  margin-left: 5px;
}

.decoration_clone {
  padding-right: 20px;
  overflow-wrap: break-word;
  -webkit-box-decoration-break: clone;
}
</style>
<div class=shrink_to_fit><span style="padding-right: 20px">Pass&nbspif&nbspno&nbspwrap</span></div>
<div class=shrink_to_fit><span class=decoration_clone>Pass&nbspif&nbspno&nbspwrap</span></div>
<div class=shrink_to_fit><span class=decoration_clone><span class=decoration_clone>Pass&nbspif&nbspno&nbspwrap</span></span></div>
<div class=shrink_to_fit><span class=decoration_clone>Pass&nbspif&nbspno&nbspwrap</span></div>
<div class=shrink_to_fit><span class=decoration_clone>Pass if no wrap</span></div>
<div class=shrink_to_fit><span class=decoration_clone><span>Pass if no wrap</span></div>
<div class=shrink_to_fit><span class=decoration_clone>Pass <span class=decoration_clone>if no wrap</span></span></div>
