JSFiddle - React, Tailwind, and code Playground

HTML

<span>
    Our&nbsp;New thingamabob is&nbsp;the<br class="full-width-breakpoint"/> best&nbsp;thing since&nbsp;sliced&nbsp;bread!
</span>

CSS

span {
    font-family:helvetica, arial;
    font-size:xx-large;
    color:#000;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #fff9e3;
    border-left: 2px solid #ffeb8e;
    display:inline-block;
    width:98%;
    width:calc(100% - 20px);
}

@media screen and (max-width:550px) {    
    .full-width-breakpoint {
        display:none;
        line-height:0;
    }
}