Long post title

2 Views

I work on this project http://www.paulund.co.uk/create-polaroid-image-with-css
Everything’s work fine except long post title ( wordpress ).
Original code: 

.polaroid-images a:after {
    color: #333;
    font-size: 20px;
    content: attr(title);
    position: relative;
    top:15px;
}

and I added this:

Read More
white-space: nowrap;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;

but text-overflow: ellipsis; not work… Is it possible to do this? Any help is welcome.

Post Views: 2

Related posts

Leave a Reply

1 comment

  1. Adding display: block should remedy this.

    .polaroid-images a:after {
    color: #333;
    content: attr(title);
    display: block;
    font-size: 20px;
    max-width: 200px;
    overflow: hidden;
    position: relative;
        top: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    Fiddle