尽管使用了显示块,但保证金自动不受尊重

我有一个div包含两个label元素.每个人都label应该站在一边div.由于标签是内联元素,我已经尝试过display: block并且还有display: inline-block边距生效,但结果不是预期的结果.

  div {
    color: #ffffff;
    background-color: #3f3f3f;
  }
  label:nth-of-type(1) {
    margin-left: 5px;
  }
  label:nth-of-type(2) {
    display: block;
    
    margin-right: 5px;
    margin-left: auto;
  }

  Left side label
  right side label

div {
    color: #ffffff;
    background-color: #3f3f3f;
    display:flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

label:nth-of-type(1) {
    margin-left: 5px;
}

label:nth-of-type(2) {
    margin-right: 5px;
}

  
    

      Left side label
      right side label