formattazione tab

[sgs]

formattazione tab

Ciao a tutti.

Mi è stato chiesto di sviluppare due tab come da foto che allego.
Ho creato i tab e ho messo dei contenuti, il problema è che vorrei "centrare" i tab come nella foto che vi allego.

Avete idee?
Grazie

[sgs]

Ciao,

in realtà non ho un url (ma chiederò), ma è una screenshot presa da un jpg assemblato da chi mi ha commissionato il sito.

Sto sviluppando il sito usando Wordpress/Divi Builder, ma non è un problema usare html/css.

[shazarak]

@sgs potresti lavorare con flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
in linea teorica ma non so come è il tuo css delle tab

il bottonre giallo sopra lo metti come div justify-content:center
le due tab sotto, SPOT QUOTE e BOOK NOW, dipende da come sono gestite in css, o gli dai un float:right a SPOT e un float:left a BOOK o anche li lavori di flexbox

dai anche una occhiata a come li gestisce bootstrap
https://getbootstrap.com/docs/5.0/components/navs-tabs/

[sgs]

@shazarak Grazie dell'idea.

Un'esempio concreto lo trovi su questo sito: https://www.dsv.com/en , sotto il bottone "explore our solutions",