blogger me table box kaise banaye | colom box table

Hello friends welcome to Blogging Gyan friends aap mai se bahut sare aesa blogger hai jo bahut time se blogging karte hai lakin kabhi kabhi usse kisi chej ki List banana parta hai aur list banane ke liye ek table box ki jarurt hota hai aur aap to jante honge ki blogger me table nhi ban sakte hai lakin aaj mai aapko yaha blogger me table banane yahi ki List banane ki html code dene wala hu jisse aapko blogger me List banane ke liye inn code ka Upiyog kar sakte hai.

Table box ka Jarur Kab parta hai

agar aap bahut time se blogging karye jo to aapko pata hi hoga ki table box ka jarurat sabhi post ko likhne ke liye nhi parta hai
Lakim agar aapko kabhi Kisi ka list Banana hoga to aapko Iss Html Table box code Ka jarurat parega chaliye mai aapko ab niche kuch Table box Html code deta hu sath me demo bhi dekhane wala hu yaha aapko 1 box se le kar 5 box tak banane ke liye Html table box code dene wala hu to aap step by step dekhye aur apne jarurat ke hisab se code ko copy karke iska Upiyog kar sakte ho

#1 Box wala table box

Title

Niche wala code copy kare uper wala table box banae ke liye⬇

#2 Box wala Table box

Left Example	Right Example

Niche wala code copy kare uper wala table box banae ke liye⬇

<div dir=”ltr” style=”text-align: left;”> <table style=”background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #222222; font-family: “Noto Sans”, sans-serif; font-size: 14px; line-height: 2; margin-bottom: 2rem; width: 100%px;”> <tbody style=”border-bottom: 1px solid rgb(221, 221, 221); box-sizing: border-box;”> <tr style=”box-sizing: border-box;”> <th style=”background: rgb(250, 250, 250); box-sizing: border-box; text-align: center; text-transform: uppercase;” width=”50%”>Left Example</th> <th style=”background: rgb(250, 250, 250); box-sizing: border-box; text-align: center; text-transform: uppercase;” width=”50%”>Right Example</th> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”<</td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”<</td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”<</td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> </tbody> </table> </div>

#3 Box Wala table box

Left Example	center Example	Right Example

Niche wala code copy kare uper wala table box banae ke liye⬇

<div dir=”ltr” style=”text-align: left;”> <table style=”background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #222222; font-family: “Noto Sans”, sans-serif; font-size: 14px; line-height: 2; margin-bottom: 2rem; width: 100%px;”> <tbody style=”border-bottom: 1px solid rgb(221, 221, 221); box-sizing: border-box;”> <tr style=”box-sizing: border-box;”> <th style=”background: rgb(250, 250, 250); box-sizing: border-box; text-align: center; text-transform: uppercase;” width=”50%”>Left Example</th> <th style=”background: rgb(250, 250, 250); box-sizing: border-box; text-align: center; text-transform: uppercase;” width=”50%”>center Example</th> <th style=”background: rgb(250, 250, 250); box-sizing: border-box; text-align: center; text-transform: uppercase;” width=”50%”>Right Example</th> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”</td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”</td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”</td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> </tbody> </table> </div>

#4 box wala table box

1 Title	2 Title	3 Title	4 Title

Niche wala code copy kare uper wala table box banae ke liye⬇

<div dir=”ltr” style=”text-align: left;”> <table style=”background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #222222; font-family: “Noto Sans”, sans-serif; font-size: 14px; line-height: 2; margin-bottom: 2rem; width: 100%px;”> <tbody style=”border-bottom: 1px solid rgb(221, 221, 221); box-sizing: border-box;”> <tr style=”box-sizing: border-box;”> <th style=”background: rgb(250, 250, 250); box-sizing: border-box; text-align: center; text-transform: uppercase;” width=”50%”>1 Title</th> <th style=”background: rgb(250, 250, 250); box-sizing: border-box; text-align: center; text-transform: uppercase;” width=”50%”>2 Title</th> <th style=”background: rgb(250, 250, 250); box-sizing: border-box; text-align: center; text-transform: uppercase;” width=”50%”>3 Title</th> <th style=”background: rgb(250, 250, 250); box-sizing: border-box; text-align: center; text-transform: uppercase;” width=”50%”>4 Title</th> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”</td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”</td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”</td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> <tr style=”box-sizing: border-box;”> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> <td style=”border: 1px solid rgb(221, 221, 221); box-sizing: border-box; padding: 13px 20px;”></td> </tr> </tbody> </table> </div>

Note:- yaha sara box ka size barabar nhi dikh raha hai lakin jab iss box me kuch likhoge to sara box ka size fix ho jayega

I hope iss article ke aapko help mila hoga to ap e doston ke sath share kare aur niche deya gaya notification bell ko on karlo jisse aapko hamare aane wala post ka update sabse pehle aap tak puche. Aur agar iss post se related koi sawal hai ya fir kuch sujhow dena chahate hai to aap niche comment box me apna message send kar sakte hai

Table box ka Jarur Kab parta hai

Leave a Comment Cancel reply