I'm trying to get this text to be in the same line but I'm not getting the hang off it

#logo {
  margin      : 0;
  padding     : 0;
  font-family : 'Dosis', sans-serif;
  font-weight : 300;
  text-align  : center;
  width       : 50%;
}

<h1 id="logo">This text
  <p>should be inline</p>
</h1>

CodePudding user response：

About that, use a span instead of a paragraph.

By default, paragraphs have display: block, so they will be in a new line, you can modify that part but a paragraph inside a title doesn't make sense

We use span for this kind of scenario, not sure why you need to wrap the should be inline inside a new element but span is the element you need for most font styling use cases

CodePudding user response：

can you try this :

 <!DOCTYPE html>
    <html>
        <head>
            <link rel="stylesheet" href="design.css">
        </head>
        <body>
          <h1 id="logo">This text<span>should be inline</span></h1>
        </body>
    </html>

CodePudding user response：

I see a lot of answers stating the  tag should be replaced with a  and that is correct in most cases.

HOWEVER:

if you want to keep your setup with a  (which you probably shouldn't cause it makes no sense from another programmers-view), you can also giv the  tag a style. Use display: inline for forcing the  tag to behave like a .

CodePudding user response：

try this :

<h1 id="logo">
      This text
      <span>should be inline</span>
    </h1>

CodePudding user response：

 is short for "paragraph" and thus creates a new paragraph. If you want both to be in the same paragraph, replace  with  like so:

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="design.css" />
  </head>
  <body>
    <h1 id="logo">
      This text
      <span>should be inline</span>
    </h1>
  </body>
</html>

You could also change the default stylesheet for  probably so that it behaves like  but that would be more complicated imo.