Inline-block line-wrap extra space

Question

I\'ve got an inline-block element that contains a very long word. When I resize the viewport until I reach the breakpoint of the text wrapping to the next line, I get a subs

Answer 1

If im understanding you correctly you could use the @media type to decide what css to use depending on the width of the screen

here is an example of what i mean

@media(min-width:0px) and (max-width:200px){
    div {
    display: block;
    background-color: black;
    color: white;
    padding: 5px;
    }
}
@media (min-width:200px){
    div {
    display: inline-block;
    background-color: black;
    color: white;
    padding: 5px;
    }
}