Shift Button from Left to right, coding help


Joined
Mar 18, 2022
Messages
1
Reaction score
0
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?

<!-- Calendly Link-Widget Beginn -->
<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>
<!-- Calendly Link-Widget Ende -->

Thank you so much!
 
Ad

Advertisements

Joined
Nov 13, 2020
Messages
141
Reaction score
23
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>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top