Shift Button from Left to right, coding help

Learingtocode · Mar 20, 2022

Hi I need help, I created a button and would like to have it at the right side of the page instead on left can anybody help me?


<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<a style="width: 300px; padding: 50px; cursor: pointer; font-weight: normal; background: #ffffff; color: #000000; border-radius: 10px; border: 2px solid #000000; font-size: 120%;" type="button" href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/vivatucasa/5min'});return false;;">Abholung im Shop</a>


Thank you so much!

BigDady · Mar 20, 2022

I'd make the anchor a button and give it an ID. Then float it and clear the float. Like this:

Code:

<style>
#sam{
    float: right;
    width: 300px;
    padding: 50px;
    cursor: pointer;
    font-weight: normal;
    background: #ffffff;
    color: #000000;
    border-radius: 10px;
    border: 2px solid #000000;
    font-size: 120%;
}
p{
    clear: right;
}
</style>
</head>
<body>
<button id="sam" href="" >Abholung im Shop</button>
<p>I LOVE yioi</p>
</body>

Help with my responsive home page	2	Dec 14, 2022
Help with code	0	Jun 12, 2022
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
I need help fixing my website	2	Oct 15, 2023
Need help with code on website (noob)	2	Jul 18, 2022
Please Help?	0	Jul 23, 2022
Help with Visual Lightbox: Scripts	2	May 3, 2023
Help me sort out this script	1	Oct 17, 2023

Shift Button from Left to right, coding help

Learingtocode

BigDady

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads