Untitled
unknown
html
3 years ago
2.1 kB
11
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body style="font-family: Arial, Helvetica, sans-serif">
<table style="height: 100%; width: 100%; border-collapse: collapse">
<thead style="background-color: lightgray">
<tr>
<th><h3>Product</h3></th>
<th><h3>Description</h3></th>
<th><h3>Price</h3></th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1pt solid lightgray; padding: 5px">
<td style="display: flex; padding: 10px">
<img src="https://picsum.photos/seed/product1/200/300" width="150px" alt="Product 1">
<div style="margin: 10px;">
Product 1
</div>
</td>
<td>A very nice product</td>
<td><b>$199.99</b></td>
</tr>
<tr style="border-bottom: 1pt solid lightgray">
<td style="display: flex; padding: 10px;">
<img src="https://picsum.photos/seed/product2/200/300" width="150px" alt="Product 2">
<div style="margin: 10px;">
Product 2
</div>
</td>
<td>Another great product</td>
<td><b>$149.99</b></td>
</tr>
<tr style="border-bottom: 1pt solid lightgray">
<td style="display: flex; padding: 10px;">
<img src="https://picsum.photos/seed/product3/200/300" width="150px" alt="Product 3">
<div style="margin: 10px;">
Product 3
</div>
</td>
<td>The best product of them all</td>
<td><b>$199.99</b></td>
</tr>
</tbody>
</table>
</body>
</html>Editor is loading...