Free HTML Editor: Best code editor with Live preview Online live-preview-editor Best code editor with Live preview Online - html editor with live preview online HTML Background <div class="card"> <img src="https://assets.indiadesire.com/images/amazon%20great%20indian%20festival%20sale%2023rd%20sep%202022.jpg"/> <h1 class="title"> This is My post heading for Lorem Ipsum </h1> <p class="content"> Amazon Great Indian Festival Sale 2022 will be returing back this year from 23rd September 2022. Amazon Great Indian Festival Sale will start on 23rd September For All Users And on 22nd September For its Amazon Prime members. Amazon will be offering Great Festive Deals On Mobiles, Electronics, Laptops, Home Products, And Much More. Amazon Great Indian Festival Sale brings out the best deals & offers Of the festive season to its Amazon India shoppers. </p> <a href="#" class="read-link">Read post</a> </div> CSS .card{ display:flex !important; flex-direction:column; justify-content:center; border:1px solid #ccc; padding:10px; } .card .title{ font-size: 18px; } .card .content{ display:flex !important; flex-direction:column; font-size: 14px; } .card img{ display:flex !important; flex-direction:column; margin-bottom:20px; object-fit: cover; object-position: center; } .card .read-link{ padding:10px; background:blue; color:white; text-decoration:none; margin-top:13px; display: inline-block; margin-bottom:10px; text-align:center; } } JavaScript Width Height Align Devices × Choose Background Image DROP IMAGE OR CLICK ME