<div >
             <div >
             <h5>پیش فرض</h5>
             </div>
             <div >
             <div ></div>
             <div ></div>
             <div ></div>
             </div>
                </div>
            
          
                  

                    
           
            <div >
              <div >
              <h5>جداکننده و ترازبندی متن</h5>
              </div>
              <div >
              <div >
               <p>ترازبندی ابتدا</p>
              </div>
              <div >
               <p>ترازبندی وسط</p>
              </div>
              <div >
               <p>ترازبندی انتها</p>
              </div>
              </div>
             </div>
            
          
                  

                    
           
            <div >
            <div >
            <h5>رنگبندی ، آیکن ، دکمه و .....</h5>
            </div>
            <div >
            <div >
            <p >ترازبندی راست</p>
            </div>
            <div >
            <span >ورود با شبکه ها</span>
            </div>
            <div >
            <p >ترازبندی چپ</p>
            </div>
            <div >
            <span >انتخاب کنید</span>
            </div>
            <div >
            <button type="button" ><i
            ></i></button>
            <button type="button" ><i
            ></i></button>
            <button type="button" ><i
            ></i></button>
            </div>
            <div >
            </div>
            <div >
            <p>تاریک</p>
            </div>
            </div>
            </div>