I have 3 images, two are longer than the other, need centering

hi, have 3 images, 2 on left hand side longer 1 in middle. want 1 in middle positioned between other 2 in middle. @ moment (im working modifiyed code) images aligned adjust each other horitontally, not veritcally.

 

i have attached code

 

<div id="main-wrapper">

  <div class="5grid-layout">                

   <div id="main-wrapper" class="subpage">

           <div class="5grid-layout">

                     <div class="row">

                               <div class="3u">

 

<!--<h2>left</h2>-->

<section>

<div align="center">

<img src="css/images/awardupleft.png" width="166" height="498">

</div>

</section>

</div>

<div class="6u mobileui-main-content">

 

<!-- content -->

 

 

<article class="first">

<!--<h2>center</h2>-->

  <div align="center">

   <img src="images/pic1.jpg" width="92" height="122">

  </div>

</article>

</div>

<div class="3u">

 

<!-- sidebar 2 -->

 

    <section>

    <!--<h2>right</h2>-->

      <div align="center">

       <img src="css/images/awardupright.png" width="166" height="500">

      </div>

    </section>

</div>

 

 

 

im sorry formatting in post if wrong!

align deprecated code , not validate in html5 doc types.  use css margins , width center elements.   add margin-top image,

 

<div style="margin-left: auto; margin-right:auto; width: 300px">

   <img style="margin-top: 225px" src="images/pic1.jpg" width="92" height="122">

  </div>

 

 

 

nancy o.

More discussions in Dreamweaver support forum

adobe