JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ip">
                <address>
                    <strong> Mblahblah: </strong>
                    <pre> xx.xxxx.xxx.xxxx. </pre>
                    <div class="clear">&nbsp;</div>
                </address>
                 <address>
                    <strong> blah: </strong>
                    <pre> xxx.xxxx.xxxxx </pre>
                                         <div class="clear">&nbsp;</div>
                </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;
    clear: both;
}

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

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