Это мой текущий код HTML (подробности изменены для конфиденциальности):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
body {
font-family: Verdana, sans-serif;
font-size: 13px;
}
p {
display: table-cell;
}
img {
height: 204px;
float: left;
}
div.content-magazine {
display: table;
}
div.content-usedcar {
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 15px;
background-color: #FFFFFF;
padding: 10px;
}
</style>
<title>Anytown Car Sales | No.1 in West Yorkshire since 1982</title>
</head>
<body>
<H1>Anytown Car Sales</H1>
<H2>Est.1982</H2>
<H3>Sutton-in-Craven, West Yorkshire BD20</H3>
<H3>Tel: 01535 000000</H3>
<div class="content-magazine">
<div class="content-usedcar">
<img src="http://media.autoweek.nl/m/4cfy7lsbkrs1.jpg">
<P>2018 68 VAUXHALL INSIGNIA 1.5 TURBO 165 ELITE NAV, 5 door, blue, 15,000 miles £POA</P>
</div>
</body>
</html>
Я пытался сделать DIV, похожий на список в https://www.britanniacarsales.co.uk/used-cars с изображением рядом с автомобилем. и промежуток между div (цвет тела моего сайта будет изменен в коде), но я не совсем уверен, как заставить его выглядеть похож , если не совпадает.
Что меняется я должен сделать так, чтобы код содержимого div-usedcar был похож на стиль ссылки, из которого я вдохновлялся? (Я пытаюсь сделать эту оригинальную работу, не копируя чужие CSS).