I am having a really odd situation here. I have spent the last 7 hours researching why I cannot get `display: inline;` to work at all, unless it's on my main page. Nothing seems to be helping.

Here is the relevant coding.

```
<!DOCTYPE html>
<html>      
<head>
  <title>Contact Info</title>
  <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>

  <div class="name">
    <p>*****<p>
    <a href="index.html">Go Back</a>
  </div>

  <div class="contact">
    <p>
      <span style="color:#000000">By Phone:</span>
      <a href="tel:*******">**********</a>
    </p>
    <p>
      <span style="color:#000000">By Email:</span> 
      <a href="mailto:****@***.ca">****@****.ca</a>
    </p>
    <p>
      <span style="color:#000000">By Mail:</span> 
      <span style="color:#3300cc">***************</span>
    </p>
  </div>

</body>

```

And here is the CSS.

```
.name {
  display: inline;
}

```

The result is the two items, (The name "\*\*\*\*" and the "Go Back" link), appear one on top of each other. I have tried making it a list, but that had no effect. I tried making them both links, but that had no effect. `display: inline-block;` also has no effect. Nothing I do has any effect on the div class name. I tried changing the name of the div class several times no effect.