How to adjust the space between 2 buttons

[Cherry]

Hi All! How to adjust the space between 2 buttons. I have a code of the 2 buttons.

HTML 1 (Search Button Code)

<style>
.cbSearchButtonContainer {
display: none !important;
}
</style><input class="cbSearchButton" id="searchID" name="searchID" style="margin-top: 34px" type="submit" value="Search" />

 

HTML 2 ( Logout Button Code)

<span style="background-color:#6f6f6f; font-size:20px; padding:5px; margin-left: 5px; color: #fff; font-family: times new roman; width:100px; display: block; border-radius:4px; margin:35px; "> <strong>&nbsp; <a href="../folderlogout"><span style="color:#FFFFFF; font-size:25px; font-family: times new roman;">Logout</span></a></strong>&nbsp;</span>

 

Looking forward to those who can help me. Thank you.

[Kurumi]

Hi @Cherry - You can try to use margin-left on this. I created a sample just like yours and this is the result:

Before:

After:

What I did on this is that I find the HTML Container using the browser's inspect and add the CSS in the Header of the DataPage:

You can copy the code and just change the class based where your HTML Block is placed in your DataPage. 
 

<style>

div[class*="cbFormData cbFormBlock5"] {
margin-left: -35px !important;
}

</style>

I hope this helps!

[Flowers4Algernon]

Hello, just wanted to share this article for a bit of reading regarding Styles: https://howto.caspio.com/styles/styles/

[RuisiHansamu]

You can also check the video tutorials here: 

or you can check the forum post here that is similar: