Как управлять размером элемента CSS flexbox ⇐ CSS

[Anonymous]

У меня есть элемент горизонтальной линии, подключенный к навигационному меню внутри контейнера flexbox, который, в свою очередь, также находится внутри контейнера flexbox:

• About
• Portfolio
• Contact
  #menu_container {
  display: flex;
  justify-content:right;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0px;
  padding-bottom: 1em;
  }
  #menu_align {
  display:flex;
  justify-content:flex-end;
  width:50%;
  }
  
  #line_horizontal {
  height: 2px;
  margin-top:30px;
  width:100%;
  background: rgba(0, 0, 0, 0.50);
  }
  
  #nav {
  border-style: solid;
  border-color: #000;
  width:590px;
  font-size: 0.9em;
  margin-right:9em;
  margin-left:0em;
  background-color:rgba(0,0,0,0.1);
  border-left:solid 1px #000;
  border-right: solid 1px #000;
  }
  
  #nav ul {
  list-style: none;
  padding-left: 0em;
  }
  
  #nav ul li {
  float: right;
  padding: 0.5em;
  }
  
  
  Подробнее здесь: https://stackoverflow.com/questions/789 ... ement-size