body{line-height:0.7em;}
.hw {color:white ;display:inline;padding-left:0.5em;padding-right:0.5em;font-family:Optima;font-size:16px;background-color: rgba(18,129,239,0.6);max-width:40%;}

.d {color:green;display:inline-block; padding-left:0.2em;font-family:Optima;font-size:16px;max-width:50%;}
.d::after {content:"\A";white-space: pre;}
.hw::before {content:"·";color:lightgrey;}