I'm designing a product page on Wordpress, using the Elementor and Woocommerce plugins.

I got a product data tabs made of an unordered list items from Woocommerce that shows the Description, More info and Reviews horizontally, and I'd like to style it to appear vertically with the Description, More info and Reviews text in the right of the tabs/titles.

This is the page I'm working on:

CodePudding user response：

Try this

ul{
 display: flex;
 flex-direction: column;
 align-items: center;
}