<div >
                                   <div >
                                    <div >
                                     <div >
                                      <i ></i>
                        
                                     </div>
                        
                                    </div>
                                    <p >بالا وسط</p>
                                   </div>
                                   <div >
                                    <div >
                                     <div >
                                      <i ></i>
                                     </div>
                                    </div>
                                    <p >وسط</p>
                                   </div>
                                   <div >
                                    <div >
                                     <div >
                                      <i ></i>
                                      
                                     </div>
                                    </div>
                                    <p >پایین وسط</p>
                                   </div>
                                   <div >
                                    <div >
                                     <div >
                                      <i ></i>
                                      
                                     </div>
                                    </div>
                                    <p >چپ وسط</p>
                                   </div>
                                   <div >
                                    <div >
                                     <div >
                                      <i ></i>
                                     
                                     </div>
                                    </div>
                                    <p >راست وسط</p>
                                   </div>
                                   <div >
                                    <div >
                                     <div >
                                      <i ></i>
                                     </div>
                                    </div>
                                    <p >بالا چپ</p>
                                   </div>
                                   <div >
                                    <div >
                                     <div >
                                      <i ></i>
                                     </div>
                                    </div>
                                    <p >بالا راست</p>
                                   </div>
                                   <div >
                                    <div >
                                     <div >
                                      <i ></i>
                                     </div>
                                    </div>
                                    <p >پایین چپ</p>
                                   </div>
                                   <div >
                                    <div >
                                     <div >
                                      <i ></i>
                                     </div>
                                    </div>
                                    <p >پایین راست</p>
                                   </div>
                                   <div >
                                    <div >
                                     <div >
                                      <i ></i>
                                     </div>
                                    </div>
                                    <p >وسط افقی</p>
                                   </div>
                                   <div >
                                    <div >
                                     <div >
                                      <i ></i>
                                     </div>
                                    </div>
                                    <p >وسط عمودی</p>
                                   </div>
                       
                                  </div>
                      
                                        

تصویر بالا چپ

تصویر وسط

تصویر پایین راست

تصویر بالا راست

تصویر پایین چپ

                                        
        <div >
          <div >
           <div >
            <div >
             <div >
              <img src="https://demos.sypna.ir/kiadmin_res/assets/images/placeholder/05.png" alt="توضیحات تصویر">
             </div>
           </div>
           </div>
           <div >
            <div >
             <div >
              <img src="https://demos.sypna.ir/kiadmin_res/assets/images/placeholder/05.png" alt="توضیحات تصویر">
             </div>
           </div>
           </div>
           <div >
            <div >
             <div >
              <img src="https://demos.sypna.ir/kiadmin_res/assets/images/placeholder/05.png" alt="توضیحات تصویر">
             </div>
           </div>
           </div>
           <div >
            <div >
             <div >
              <img src="https://demos.sypna.ir/kiadmin_res/assets/images/placeholder/05.png" alt="توضیحات تصویر">
             </div>
           </div>
           </div>
           <div >
            <div >
             <div >
              <img src="https://demos.sypna.ir/kiadmin_res/assets/images/placeholder/05.png" alt="توضیحات تصویر">
             </div>
           </div>
           </div>
          </div> 
         </div>