Самое читаемое

by pharma_nsk

HTML

<body>
<div>
<table>
<caption>Самое читаемое</caption>
<tr>
  <td><a href="#"><img src="https://img.gazeta.ru/files3/219/9713219/upload-IMG_5973-pic305-305x175-29816.jpg" width="100px"></a></td>
  <td><a href="#">Cотрудники ФСБ и СК провели обыски в домах у главы Федеральной таможенной службы...</a></td>
</tr>
<tr>
  <td><a href="#"><img src="https://img.gazeta.ru/files3/233/9708233/2016-07-16T153537Z_539483296_D1BETPXWMRAA_RTRMADP_3_OLYMPICS-RIO-pic305-305x175-71532.jpg" width="100px"></a></td>
  <td><a href="#">Международный олимпийский комитет допустил российских спортсменов к Играм...</a></td>
</tr>
<tr>
  <td><a href="#"><img src="https://img.gazeta.ru/files3/893/9708893/shutterstock_124143829-pic305-305x175-1831.jpg" width="100px"></a></td>
  <td><a href="#">Чем мы отличаемся от американцев на первом свидании.</a></td>
</tr>
<tr>
  <td><a href="#"><img src="https://img.gazeta.ru/files3/621/9707621/TASS_16357203-pic305-305x175-7045.jpg" width="100px"></a></td>
  <td><a href="#">Cкоро месяц, как в Белоруссии прошла деноминация. Недоумение вызывают...</a></td>
</tr>
<tr>
  <td><a href="#"><img src="https://img.gazeta.ru/files3/959/9708959/TASS_1256609-pic305-305x175-22490.jpg" width="100px"></a></td>
  <td><a href="#">Москвичи и жители других городов Центральной России обеспокоены дымкой в небе...</a></td>
</tr>
</table>
</div>
</body>

CSS

body {background-color:white; font-family:sans-serif; font-size: 14px;}
div {width:280px; padding:10px; margin:20px auto; border:1px solid #018F94;}
caption {font-size: 26px; text-transform: uppercase;}
table {width:280px; border-collapse:collapse;}
tr {border-top:1px dotted black;}
td { padding:5px;}
a {text-decoration:none; color:black;}
td:hover {background-color: #D4FEFF;}