如何在一个措词元素旁边对齐一个流元素？

I am relatively new to front-end development so having a bit of an issue in finding the best way to organize a horizontal menu, which will contain a logo and a few menu options. In addition, I want to separate the horizontal menus by a wide | I am relatively new to front-end development so