nice text label using inline-box and word-break

by Lucaskazama

HTML

<h2>Example with long text</h2>

<div class="artigo_nome">
Computador Apple Imac 27P I5 3.5Ghz/8Gb/1Tb Md096Po/A
</div>

<h2>Example with short text</h2>
    
<div class="artigo_nome">Computador Apple Imac</div>

CSS

.artigo_nome {
    border: 1px dotted blue;
    display: inline-block;
    max-width: 250px;
    padding: 10px;
    word-break: break-all; /* optional */
}