html - CSS - Try to match rounded shaded inner div as per the attached image using just CSS -

this question has answer here:

• how give text or image transparent background using css? 25 answers

i trying effect shown in image below using css - note using 'skeleton css' framework, need alter inner-row class when mess opacity text - trying curved inner box 'you have 0...' appear in same manner on image.

 // style in external css file .inner-row {   border-radius: 3px;   background-color: grey;      }  <div class="panel stats orange sidebar row"> <div class="content">     <div>                 <h3>prize draw</h3>         <hr />         <div class="content">             <div class="row inner-row">                 <div class="label">                     have                 </div>                 <p class="remove-bottom large">2</p>                 <div class="label">                     prize draw entries                 </div>                 <div class="label">                     redeem codes more entries                 </div>             </div>             <a href="/"><button class="see-prizes-btn">see prizes</button></a>         </div>     </div> </div> 

you want try rgba

background: rgba(192,192,192,0.65); 

0.65 opacity try messing better transparency.