My web page for a clone script will be discovered at https://jsfiddle.web/ok68dm4wj/
The issue is getting the textual content and picture for a DIV to align subsequent to the picture with a small quantity of house between the highest and subsequent to the picture, like this instance.
That is my code, taken from the JSFiddle above:
<div class="card"> <img class="listing-main-image" src="https://add.wikimedia.org/wikipedia/commons/thumb/a/a2/Audi_A6_Allroad_Quattro_C8_IMG_1975.jpg/880px-Audi_A6_Allroad_Quattro_C8_IMG_1975.jpg"> <div class="card-info"> <h2 class="listing-title title-wrap"><a href="http://">Audi A6 Allroad Sport 55 TFSI 340PS 3.0</a></h2> <p class="listing-attention-grabber ">BRAND NEW 2020 CAR</p> <ul class="listing-key-specs "> <li>2020 (20) reg</li> <li>Property</li> <li>40 miles</li> <li>3.0L</li> <li>339BHP</li> <li>Automated</li> <li>Petrol</li> <li>1 homeowners</li> </ul> <ul class="listing-extra-detail"> </ul> <p class="listing-description">2020 (20) reg, black, 40 miles £46,796</p> <div class="seller-info "> <div class="phone-code"> Tel: (0114) 49600000 </div> <div class="seller-type"> Commerce vendor </div> <div class="seller-location"> <span class="seller-town">Sheffield</span> - 43 miles away </div> </div> </div> <part class="price-column"> <div class="vehicle-price">£46,795</div> </part> </div>
Though my code works correctly, getting it to look just like the web page I linked to – a minimum of for the DIV a part of my code is the primary downside. This pertains to the place I’ve .
I ought to add, the JSFiddle linked to has one massive CSS file in there, after I’ve really received three separate recordsdata – one for the structure, one for fundamentals, and one for webfonts. For JSFiddle, I needed to condense it into one CSS file there; the unique file has CSS hyperlinks within the header.
I might actually admire any recommendation or steerage on making this look higher.