<div class="container" id="nav"> <span class="nav-item left" id="user"> <span id="user-id">这里显示用户ID</span> <span id="user-score">这里显示用户积分</span> </span> <span class="nav-item right" id="logout">登出</span> </div> 美化

#nav {
  background: rgba(76, 76, 76, 0.6);
}

#user {
  color: white;
  font-size: 1.5em;
  font-weight: 100;
  letter-spacing: 3px;
  line-height: 130%;
}

#user-id {
  font-size: 0.8em;
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.2em;
}

#user-score {
  font-size: 0.8em;
  color: rgba(255, 255, 255, 0.6);
  margin-left: 0.2em;
}

#logout {
  color: white;
  font-size: 1.5em;
  font-weight: 100;
  letter-spacing: 3px;
  line-height: 130%;
}

#logout:hover {
  cursor: pointer;
}

.nav-item {
  display: inline