Website Building » Squarespace » How Do I Make Buttons Side by Side in Squarespace?

How Do I Make Buttons Side by Side in Squarespace?

Last updated on December 20, 2022 @ 6:11 pm

There are a few different ways that you can make buttons side by side in Squarespace. One way is to use the Columns block.

To do this, first add a Columns block to your page. Then, within the Columns block, add a Button block to each column.

Another way to make buttons side by side is to use the Button Group block. To do this, first add a Button Group block to your page. Then, within the Button Group block, add a Button block to each column.

You can also use HTML to style your buttons. To do this, first create a button using the tag. Then, use the tag to put the button next to another button.

PRO TIP: Please be aware that the Squarespace platform is not intended for creating button layouts with precise alignment and measurements. If you attempt to create buttons with these specifications, your buttons may not display correctly on all screen sizes. We recommend using a third-party platform such as Adobe Photoshop to create your button designs.

Here is an example of how you would style two buttons side by side using HTML:


You can also use CSS to style your buttons. To do this, first create a button using the <button> tag. Then, use the <style> tag to put the button next to another button.

Here is an example of how you would style two buttons side by side using CSS:

<button>Button 1</button>
<style>
button {
display: inline-block;
}
</style>
<button>Button 2</button>

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.