Masquer uniquement le texte dans un paragraphe html

Question

Je veux cacher du texte dans un paragraphe, mais il y a une image et du texte dessus. Quand j'utilise css pour afficher none donc tous les paragraphes sont cachés...mais je veux seulement cacher le texte et non l'image. Voici le code.

<p>
  <a href="stackoverflow.com/_blog/News_and_Inspiration/post/Cooking_up_a_storm/"><img alt="" style="border: 0px solid; width: 100px; height: 150px; float: left; margin-right: 10px; margin-bottom: 10px;" src="/images/blog/Shaun-Clouston.jpg" /></a>
    The executive chef of Wellington&rsquo;s award winning  Restaurant, Shaun Clouston is just one of the award winning New Zealand Beef and Lamb Ambassador chefs we have cooking up a storm at our Rural Women New Zealand Beef + Lamb Cooking Demonstrations over the coming months.&nbsp;
</p>

<p>
  <img src="/images/blog/Southland Life Education Trust Car 2.jpg" alt="">
  Two years ago the Southland Life Education Community Trust approached our four Southland Provincials, asking for assistance to replace their educator’s car, as the current one needed major repairs.
</p>

Answer 1

Essayez :

p {
    font-size: 0;
}

Spécifiez également la taille de la police pour tous les éléments descendants que vous souhaitez rendre visibles.

Answer 2

En fonction du reste de votre agencement et de la nécessité de respecter ou non display: none; pour masquer le contenu, vous pouvez visbility: hidden; comme dans l'exemple suivant :

p {
   visibility: hidden;
}

img {
    visibility: visible;
}

Voir l'exemple du violon aquí .

Answer 3

Autre option :

    p{
        text-indent: -1000px;
    }
    img{
        position: absolute;
        left:10px; /*obviously position how you like*/
    }

Answer 4

De nombreuses options sont disponibles,

1. texte et arrière-plan de la même couleur
2. taille de la police 0px
3. affichage aucun
4. visibilité : cachée et bien d'autres encore...

S'il a été aidé, c'est bien. Je vous remercie,

Answer 5

Vous pouvez mettre votre texte dans un span et le rendre display:none ; j'espère que cela vous aidera :)

  p span {
display:none;
}

<p>
  <a href="http://stackoverflow.com/_blog/News_and_Inspiration/post/Cooking_up_a_storm/"><img alt="" style="border: 0px solid; width: 100px; height: 150px; float: left; margin-right: 10px; margin-bottom: 10px;" src="/images/blog/Shaun-Clouston.jpg" /></a>
  <span>The executive chef of Wellington&rsquo;s award winning  Restaurant, Shaun Clouston is just one of the award winning New Zealand Beef and Lamb Ambassador chefs we have cooking up a storm at our Rural Women New Zealand Beef + Lamb Cooking Demonstrations over the coming months.&nbsp;</span>
</p>