Help me align a button to the right of a paragraph


I am practicing styling in CSS and HTML, I am trying to style a button to the right of a paragraph element. I have attached the page I am using as an example. The blue line indicates where I want the button to be.

<!DOCTYPE html>
  <title>Basic Web Page</title>
  <link href="style.css" rel="stylesheet">
    <p>Cattle were originally identified as three separate species: Bos taurus, the European or "taurine" cattle (including similar types from Africa and Asia); Bos indicus, the Indicine or "zebu"; and the extinct Bos primigenius, the aurochs. The aurochs is ancestral to both zebu and taurine cattle.They were later reclassified as one species, Bos taurus, with the aurochs, zebu, and taurine cattle as subspecies. However, this taxonomy is contentious and some sources prefer the separate species classification, such as the American Society of Mammalogists' Mammal Diversity Database.</p>
  <h2 class="cows"><a href="./cows">Cows!</a></h2>


`a {
  color: white; 
  background-color: red; 
  text-decoration: none; 

p {
  width: 50%;

.cows {
  padding-left: 75%; ```

If you just want to move it upward on the page (by 200px),
you could do

.cows {
  padding-left: 75%;
  position: relative;
  bottom: 200px;


That worked! 100px did the trick. I am new to web design, so I appreciate the help.