title: horizontally align and vertically center three elements in a container
body: <p>I need to align 3 items inside Div.</p>
  
  <p>Every item must be placed <strong>vertically</strong> in the center.</p>
  
  <ul>
  <li>First item 2% margin-left.</li>
  <li>Second item in the center and must be a textbox.</li>
  <li>Third item 2% margin-right.</li>
  </ul>
  
  <p>Item First and Third must fit the div(square).</p>
  
  <p>I used alignment but it didn't work. Here there is a graphic example:</p>
  
  <p><a href="https://i.stack.imgur.com/VRsU2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VRsU2.png" alt="enter image description here"></a></p>