Text Ellipsis

Testing text ellipsis

by robcampo

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="row">
    <div class="col-md-6">
        <span>Company name is</span>
        <span>
            (<span class="position-name">Position name - President</span>)
        </span>
        <span>00001 123 / 1234</span>
    </div>
    <div class="col-md-6">
        qwer
    </div>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.position-name {
    display: inline-block;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    vertical-align: middle;
}