0

How to create button at the right side above Dr word

Title <button> Hello,search google.com. He is a Dr........

5th Sep 2022, 11:46 AM
San Lan
San Lan - avatar
4 odpowiedzi
+ 6
San Lan, I think you need something like Tooltips <div style="margin-top: 45px;"> Hello, search google.com. He is a <span class="text">Dr...... <button class="btn">button</button> </span> </div> <style> .text { position: relative; display: inline-block; font-weight: 700; text-decoration: underline; } .text .btn { width: 100px; background-color: #555; color: #fff; border-radius: 5px; padding: 5px 0px; position: absolute; bottom: 125%; left: 50%; margin-left: -50px; opacity: 0; transition: opacity 1s; visibility: hidden; z-index: 1; } .text:hover .btn { visibility: visible; opacity: 1; } </style>
6th Sep 2022, 4:03 AM
Sujal
Sujal - avatar
+ 9
Try this <button style="float:right;">button</button>
5th Sep 2022, 1:20 PM
Sujal
Sujal - avatar
+ 1
Thanks for your help, it's very helpful ^O^
6th Sep 2022, 12:28 PM
San Lan
San Lan - avatar
- 1
What is the question? How do I create a button? Can you formulate the question normally?
5th Sep 2022, 12:42 PM
Евгений Молдованов
Евгений Молдованов - avatar