How to create button at the right side above Dr word

Question

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

Answer 1

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>

Answer 2

Try this

<button style="float:right;">button</button>

Answer 3

Thanks for your help, it's very helpful ^O^

Answer 4

What is the question? How do I create a button? Can you formulate the question normally?