Well, I am trying to create a responsive layout and I need to center the logo inside a horizontal menu. I already found a solution for this here on css-tricks forum, but it doesn’t solve my “dynamic” issue. The menu will be for a cms where I can’t control the number of links inside it. I tried to add left margin to the nth-child(4) but when the user adds more than 8 links in total it goes crazy. I added below a pen with the html structure and some css, I left the js blank for you to have some fun. I was thinking of splitting the menu in 2 ul-s and move the html structure for the logo in between, but I don’t like the idea. I hope you guys will come up with something.
[Codepen Link](http://codepen.io/vcatalin/pen/vxBnK “Codepen Link”)
Thanks! And sorry for my english.