Center flex items with one at the end of the row [duplicate]

Answer 1

Add margin-left: auto; in your last-child of container div. Here i am doing below way:

.container {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  /* width: 100%; */
  height: 50px;
  background: #333;
  padding: 15px;
  color: #ffffd;
  padding: 10px;
}
.container> .leftone {
  margin-left: 20px;
}
.container div:last-child {
  margin-left: auto;
}

  
Project
  
About the Project
  
Contact Us
  
Mailbox

WORKING FIDDLE