TACC UI Pattern Library

Inline Element Samples

No notes defined.

<dl>
    <dt><code>&lt;span&gt;</code> <small>e.g. <code>display: inline</code></small></dt>
    <dd>
        <span class="">I am a </span>
    </dd>
    <dt><code>&lt;span <small>style="display: inline-block"</small>&gt;</code></dt>
    <dd>
        <span class="" style="display: inline-block">I am a </span>
    </dd>
    <dt><code>&lt;div&gt;</code> <small>e.g. <code>display: block</code></small></dt>
    <dd>
        <div class="">I am a </div>
    </dd>
    <dt><code>&lt;a&gt;</code></dt>
    <dd>
        <a href="#" class="">I am a </a>
    </dd>
    <dt><code>&lt;button&gt;</code></dt>
    <dd>
        <button class="">I am a </button>
    </dd>
</dl>
 
{
  "shouldSkipPattern": true,
  "globalStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.demo.css"
    },
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.base.css"
    }
  ],
  "cmsStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.cms.css"
    }
  ],
  "docsStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.docs.css"
    }
  ],
  "portalStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.portal.css"
    }
  ]
}