Hide overflow text in span using css

Question

I want to display a long text inside fixed height & width of span element.

I have a text displaying current something like this inside span element

My Skill is
  Web 
Designing.

i have given him this CSS

span
{
    display:block;
    height:40px;
    width:90px;
    overflow:hidden;
    text-overflow:ellipsis;
}

it give me result like this

My Skill is
  Web

but It is not my desired result. I want it to display something like this

My Skill is
  Web...

Is there any way to solve this problem..?? Thank you in advance..

Daniel Morgan · Accepted Answer · 2013-09-28 20:42:07Z

5

You need to add the following property in span rule

white-space: nowrap;

answered Sep 28, 2013 at 20:42

Daniel Morgan

5611 gold badge5 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1