Javascript-форум - Показать сообщение отдельно - Как сделать наезжающие друг на друга блоки

рони · #3 (**permalink**) 21.08.2017, 17:32

margin-right???

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    .hot{
         border: 1px dashed Gray; padding: 5px; height: 200px; width: 100px;
         border-radius: 8px;
         margin-right: -75px;
         background-color: #FFFFFF;
    }
    .hot:before{
       content: "♠";
        color: #FF0000;
    }

    .slider{
       display: flex;
       width: 500px;

    }

  </style>



</head>

<body>
<div class="slider">
 <div class="hot"></div>
  <div class="hot"></div>
  <div class="hot"></div>
  <div class="hot"></div>
  <div class="hot"></div>
  <div class="hot"></div>
  <div class="hot"></div>
  <div class="hot"></div>
  <div class="hot"></div>
  <div class="hot"></div>
  <div class="hot"></div>
 </div>
</body>
</html>