Hide specific text using just CSS? -


here's copy of code i'm referring to:

<div id="incomeforecast">     <div style="float:left;margin:10px 0 10px 0;width:100%;text-align:center;">         <span class="textred"><b>usd currency</b></span><br>             monthly: $0.00 usd (0)<br>             quarterly: $0.00 usd (0)<br>             semi-annually: $0.00 usd (0)<br>             annually: $0.00 usd (0)<br>             biennially: $0.00 usd (0)<br>             triennially: $0.00 usd (0)<br>         <span class="textgreen"><b>est. annual: $0.00 usd</b></span>     </div> </div> 

i need hide displaying on page:

            biennially: $0.00 usd (0)<br>             triennially: $0.00 usd (0)<br> 

is there way css? php file outputting encrypted , there's no javascript files included in page, css can used...

i have achieved in different way using position relative , asbolute. @ code. have sure proper text size , height.

 #incomeforecast div{position:relative;}  #incomeforecast div span:last-child  {   height:35px;   margin-top:-30px;   display:block;   background-color:#fff;   position:absolute;   bottom:0px;   left:0;   right:0;  } 

demo


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -