CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Helder Ferreira
Helder Ferreira

Reputation: 285

Text overflow not working

My text overflow is not working properly, it just breaks line, what can i do to solve this?

enter image description here

            </div>
                 <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
                <a href="#"><img class="left-block img-responsive" src="genimage.png" width="160" height="160" alt="" /></a>
                <p style="width: 70px; text-overflow-mode: ellipsis; ">Any other Random Item Any other Random Item </p>
                <p>50 €</p>
            </div>

Upvotes: 0

Views: 125

Answers (1)

NooBskie
NooBskie

Reputation: 3841

Codepen http://codepen.io/noobskie/pen/pjXKoX

Your question is pretty vague but you can check this one out It's pretty adjustable via <br>

p{
  width: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

If you dont want a line break remove the br and just extend the width of the p element to show more words

Upvotes: 1

Related Questions