Is it possible to show div when hover? Why is my code in css not working ? : Here is my code, I just copy this from a tutorial and I just modify the code for my use, but it turned out not what I want, it's not working
here is my css
    
     .project-item h3{
	    cursor: pointer;
      }
      #project-contentOne{
	    display: none;
      }
      .project-item :hover #project-contentOne{
	  display: block;
      }
and my html is 

     	<div class="project-item">
				<h3>University-wide High Spped Information Network</h3>
				<div id="project-contentOne" class="p-content">
					<p>University wide High-Speed Information Network is a 
                     component of the 5-year project plan which is the eCLSU. It 
                     includes the development, deployment, and acquisition of 
                     communication infrastructure.</p>
					<p>This component installs and deploys communication 
                     equipment and systems that interconnect the colleges and 
                     units within the main campus and the satellite research and 
                     laboratory schools and facilities. This infrastructure must 
                     be able to support handling large and simultaneous transfer 
                     of data between different users across the campus to 
                     achieve convenience and efficiency in university 
                     operations</p>
				</div>
			</div>
I want also to put images in the content so I use the div
Thank you in advance