Can some one tell my code isnt working. I’m trying to float images across the screen with captions underneath them. But they all end up on the left side of the screen.Please help! Below is the css the html:
.imgFloat{float:left;}
p{text-align:center;}
<div id=“centermain”>
<h4>Tennis Gallery</h4>
<img src="DSC1A.jpg" width="150" height="113"class="float" alt="Tennis"/>
<p>Caption</p>
<img src="DSC2a.jpg" width="150" height="113"class="float" alt="Tennis"/>
<p>Caption</p>
<img src=“DSC3a.jpg” width=“150” height="113"class=“float” alt=“Tennis”/>
<p>Caption</p>
<img src=“DSC4a.jpg” width=“150” height="113"class=“float” alt=“Tennis”/>
<p>Caption</p>
<img src="DSC5a.jpg" width="150" height="113"class="float" alt="Tennis"/>
<p>Caption</p>
<img src="DSC7a.jpg" width="150" height="113"class="float" alt="Tennis"/>
<p>Caption</p>
<p><img src=“DSC8a.jpg” width=“150” height="113"class=“float” alt=“Tennis”/>
<p>Caption</p>
<img src=“DSC9a.jpg” width=“150” height="113"class=“float” alt=“Tennis”/>
<p>Caption</p>
<img src=“DSC12a.jpg” width=“150” height=“113” class=“float” alt=“Tennis”/>
<p>Caption</p>
<img src=“DSC15a.jpg” width=“150” height="113"class=“float” alt=“Tennis”/>
<p>Caption</p>
<img src=“DSC17a.jpg” width=“150” height=“113” alt=“Tennis”/>
<p>Caption</p>
<img src=“DSC18a.jpg” width=“150” height=“113” alt=“Tennis”/>
<p>Caption</p>
<img src=“DSC23a.jpg” width=“150” height=“113” alt=“Tennis”/>
<p>Caption</p>
<img src=“DSC25.jpg” width=“150” height="113"class=“float” alt=“Tennis”/>
<p>Caption</p>
<img src=“DSC22a.jpg” width=“150” height=“113” class=“float” alt=“Tennis”/>
<p>Caption</p>
</div>
</html>