Spectre Inline code

The HTML code element is used to style the inline code and the code snippet. In this article, we will learn about the Inline code. Inline code is a line of the actual code. For inline code, you can use the <code> element.

Spectre Inline code class: There is no predefined class for this, we can use the <code> tag for the inline code.

Syntax:

<code> code </code>

Example: The below example illustrate the Spectre Inline code.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>SPECTRE CSS Code Class</title>
    <link rel="stylesheet"
        href=
"https://unpkg.com/spectre.css@0.5.9/dist/spectre.min.css">
    <link rel="stylesheet"
        href=
"https://unpkg.com/spectre.css@0.5.9/dist/spectre-exp.min.css">
    <link rel="stylesheet"
        href=
"https://unpkg.com/spectre.css@0.5.9/dist/spectre-icons.min.css">
</head>

<body>
    <center>
        <h1 class="text-success">GeeksforGeeks</h1>
        <strong>SPECTRE Inline Code</strong>
        <br><br>
            <div>
                <code>A Computer Science portal for Geeks</code>
            </div>
     </center>
</body>

</html>

Output:

Reference: https://picturepan2.github.io/spectre/elements/code.html#code-inline

Explore