CSS/位置を設定する

親の要素基準で設定する

子に 

position: relative;
left: 50%;

このようにすると、親要素の 50％ の位置に子要素を設置できる。

自身の要素基準で設定する

このようにすると、自身の大きさの 50％ の位置に自身を移動できる。 

transform: translateX(50%);