How to Place Two Buttons in One Row Side by Side

If you have two call-to-action buttons that you want to place side by side, you can achieve it quickly in Divi with CSS. Learn how to stack the button in the tutorial below.
Here is the CSS featured in the video. You can rename the class anything you want to as long as you place it on the row class as well.
.btnStack .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 20px;
}
To center align the button in a single column row, place the CSS below to the main element of the row.
text-align: center !important;

Looking to build a website and not sure where to start?

Get my FREE Building a Website: Getting Started Checklist to learn how to plan and build your site.
Click For Download
💻 Programs & Services Mentioned in Video
Divi // Elegant Themes
WordPress

 

 ⭐️ EXTRA RESOURCES ⭐️

✅ Need help coming up with headlines for your creative content?
Get my FREE guide Ten Simple Formulas To Write Better Headlines to help you craft the perfect headlines for your emails.

 

✅ Looking to build a website?
Get my FREE Building a Website Checklist for tips on laying out and creating your site.

👉 Check Out My Recommended Website Design Resources:
Flywheel Web Hosting
Divi // Elegant Themes

 

Disclosure: Some of the links in this post are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission.
Divi WordPress Theme