How to center text with logo in the middle of it in navbar bulma

Question

I\'m trying to center text inside navbar with the logo being in between navbar items, however, I was only able to center logo as brand image.

Here\'s my code:

Answer 1

Try using the flex property. To the container div you can give

  
home
  
About
  

  
link
  
link



.flexcontainer{
  display:flex;
}
.flexcontainer ul{
  display:flex;
  list-style:none;
  flex-flow: row wrap;
  align-items: center;

}

check this https://jsfiddle.net/karantewari/bqh9byj3/ , hope it helps :)