JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ip">
                <address>
                    <strong>Mblahblah:</strong>
                    <pre> xx.xxxx.xxx.xxxx.</pre>
                </address>
      <br />
                 <address>
                     <strong>blah:</strong>
                    <pre> xxx.xxxx.xxxxx </pre>
                </address>  
            </div>

CSS

#ip { 
    border-left: 1px solid #b9b9b9;
    float: right; 
    margin: -6px 0 15px 0;
    padding: 0 0 0 93px;

 }

pre, code { 
    background: #444;
    color: #fff;
    font-family: Consolas, Courier New, Monospace;
}

#ip address {
    margin: 22px 0;
}

#ip address strong, #ip address pre {
    display: inline;
    float:left;
    padding: 2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#ip address pre { float: left;}
#ip address strong { font-weight: bold; font-size: 20px; }