Home>

Please help me how to lay out the lower part of the block. I don’t understand how to make these lines with numbers

Please clarify your specific problem or provide more detailed information on what exactly you need. As it stands, it is difficult to understand exactly what you are asking.

Дух сообщества2021-11-25 03:57:41

welcome to This Club in Russian! this question in the form of a picture should be closed, because it is useless for the knowledge base (those who have such a question will not be able to find this question and the answers to it)

aleksandr barakin2021-11-25 06:23:06
  • Answer # 1
    body {
      background: # 273947;
    }
    .block {
      color: #fff;
      border-bottom: 1px solid;
    }
    .container {
      max-width: 80%;
      margin: 0 auto;
      display: flex;
      padding-top: 50px;
    }
    .num {
      width: 25%;
      font-size: 30px;
      margin-bottom: -15px;
      line-height: 1;
    }
    .num span {
      padding: 0 20px;
      background: # 273947;
      position: relative;
    }
    .num span :: after,
    .num span :: before {
      content: '';
      width: 10px;
      height: 10px;
      background: #fff;
      display: block;
      position: absolute;
      border-radius: 100%;
      top: 50%;
      transform: translateY (-50%);
    }
    .num span :: before {
      left: 0;
    }
    .num span :: after {
      right: 0;
    } 
    <
    div class= "block" >
      <
    div class= "container" >
        <
    div class= "num" >
    <
    span >
    1 <
    /span >
    <
    /div >
        <
    div class= "num" >
    <
    span >
    2 <
    /span >
    <
    /div >
        <
    div class= "num" >
    <
    span >
    3 <
    /span >
    <
    /div >
        <
    div class= "num" >
    <
    span >
    4 <
    /span >
    <
    /div >
      <
    /div >
    <
    /div >