CSS in Nested Div

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <style>  
  5. div {  
  6.     background-color: lightgrey;  
  7.     width: 500px;  
  8.     padding: 25px;  
  9.     opacity:0.4;  
  10.     margin: 25px;  
  11.     box-shadow: 5px 5px grey;  
  12.   
  13. }  
  14.   
  15. #cs{  
  16.   
  17.  background-color:grey;  
  18.  width:300px;  
  19. margin-top:50px;  
  20. margin-left:70px;  
  21. margin-right:50px;  
  22. margin-bottom:50px;  
  23. opacity:1;  
  24.   
  25.   
  26.   
  27. }  
  28.   
  29. </style>  
  30. </head>  
  31. <body>  
  32.   
  33. <div>  
  34.   
  35. <div id="cs">  
  36.   
  37. <p><b>Welcome here to Css of  nested div</b></p></div>  
  38.   
  39.   
  40. </div>  
  41.   
  42.   
  43. </body>  
  44. </html>