Question

The code I need to work on looks like this:

    <p>
    <a href="http://foo.com/foo.html"></a>
    <a href="http://creativecommons.org/publicdomain/mark/1.0/" rel="license">
    <img alt="Public Domain Mark" src="http://i.creativecommons.org/p/mark/1.0/88x31.png" style=""></a>
    <br> This work is free of known copyright restrictions... 
    </p>

It displays an image and then some text after the image. I need neither to display.

This works fine to get rid of the image:

a[rel="license"] {display:none;}

However, I need a way to get rid of the text after the <br> (and its unclosed tag if possible) and can’t lose the closing </p> tag.

I am grabbing the HTML from a remote site and have no control over the markup there.

Thanks in advance for your help!

Answer 1

There’s no way to hide this text using CSS, without adding a tag aground it- depending on how you’re grabbing the site, your best bet would be to attempt to find "This work is free of known copyright restrictions..." and replace it with the same text surrounded by <span></span>; or simply deleting it altogether.