CSS: как скрыть часть содержимого тега?

Question

У меня нет никакого контроля над следующей разметкой:

<p class="filename"> 
    <img src="http://domain.com/uploads/image_gallery/_thumbs/Chrysanthemum.jpg" alt="Chrysanthemum.jpg"> 
    <br> 
    Chrysanthemum.jpg 
</p> 

Я хотел бы сделать шкурку от дисплея в <br> Chrysanthemum.jpg части. Возможно ли это в CSS?

Answer 1

Вы можете использовать visibility:

p.filename { 
    visibility: hidden; 
} 

p.filename img { 
    visibility: visible; 
} 

Fiddle

Answer 2

Это сделает работу за вас:

p.filename { 
    font-size:0; 
    line-height:0; 
} 

p br { 
    display:none; 
} 

Демо:http://jsfiddle.net/mx74U/