I've been using templates and snippets of code from various things to build my website, but I'm stuck trying to figure out how to get these pictures and text to center on my page. Preferably, I'll like to be able to adjust the spacing between each picture.
You can see what i currently have at www.sqntech.com/about
and my code for the part I'm trying to center is
HTML Code:
<div style="text-align: center;">
<div class="section_w200 fl margin_right_25">
<div class="image_wrapper_01">
<a href="#"><img src="images/sqn_our_team.png" alt="image" /></a> </div>
<div class="header_02">Our Team</div>
<p>Currently, SQN Tech is composed of two ambitious third-year college students working on Computer Science degrees and studying for CompTIA A+ certification in our free time. We've had over 5 years expierance working with family and friends building, upgrading, repairing, and troubleshooting computer problems, and would like us our skills to help others. We are both from relatively low income families, and persuring the American Dream of starting up our own business.</p>
</div>
<div class="section_w200 fl margin_right_25">
<div class="image_wrapper_01">
<a href="#"><img src="images/sqn_our_managment.png" alt="image" /></a> </div>
<div class="header_02">Our Managment</div>
<p>We, Kyle Newton and Christopher Escue are equal co-partners at SQN Tech. We do not plan on hiring just yet, but look forward to expanding our business and gathering more individuals with a similiar passion in computers and helping people with them. </p>
</div>
<div class="section_w200 fl">
<div class="image_wrapper_01">
<a href="#"><img src="images/sqn_our_pledge.png" alt="image" /></a> </div>
<div class="header_02">Our Promise </div>
<p>We promise to do our best to provide the most personal and affordable service that we can. Our main goal is for our clients to be happy, and to fix thier problems. Wether you just need your computer working again for personal use, or have important business work, we will treat you with respect. No job is too big or too small for us to help you with.
</div>
<div class="cleaner"></div>
</div> <!-- end of section 650 left column -->
Any help would be appreciated. I might just try a workaround by making the images big enough to just center themselves.
Thanks
~Kyle
|