Home/ Questions/Q 5941607
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T16:08:02+00:00

I have the below mark-up to style. Problem I have is I only want

  • 0

I have the below mark-up to style. Problem I have is I only want to show partial of it.
The text within .standfirst needs to hide but text within .byline needs to show.

Is that even possible with CSS?

<p class="standfirst">
<span class="article-info"><em class="byline">Rory Callinan</em></span>
A FORMER nightwatchman at the Port Macquarie company accused of dumping contaminated waste.
</p>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The best way would be to refactor your HTML so you could easily select the portion you want visible.

    However, it is possible (albeit ugly) using that markup.

    .standfirst {
   font-size: 0;   
}

.standfirst .byline {
   font-size: 12px;   
}

    jsFiddle.

    • 0