Adding buttons in a row is offten needed in CTAs. It’s easy to do with the following CSS.

Add the buttons you require in the row, they will appear stacked on top of each other.

Then go to the rows Advanced tab and add the following to the CSS Class area.
This was originally from a Geno Quiroz tutorial hence the gq.

gq_r_inline_button
Save and and head to the Divi Options to add the following CSS code.
/**  INLINE BUTTONS  **/
        .gq_r_inline_button .et_pb_button_module_wrapper {
 display: inline-block;
 margin: 10px 10px 0px 0px!important;}

Why would you line up buttons in Divi

Getting your buttons lined up neatly in Divi can make a big difference to how polished your site looks. Misaligned buttons can throw off your layout and make the design feel uneven. The good news is that Divi makes it easy to fix.

In Divi 5, button alignment is more flexible than before. You can now align multiple buttons within the same row or column using improved layout controls. The new Flex and Grid options let you centre, space, or stack buttons evenly without custom CSS.

To keep things tidy, set consistent button widths and use the same padding, font size and spacing across all modules. When using columns, make sure each button sits inside the same structure so they respond equally on different screen sizes.

For designers who prefer full control, Divi’s Advanced tab still supports CSS alignment for more precise layouts. With the new tools in Divi 5, most button alignment can now be handled visually, keeping things quick, clean and code free.

We used inline buttons on the following sites:

UProtectNZ