Missouri State University Pattern Library

Lists: Description lists, inline

There are no notes for this item.

<dl class="inline">
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dd>
        <dl>
            <dt>Lorem ipsum dolor sit amet</dt>
            <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
            <dt>Lorem ipsum dolor sit amet</dt>
            <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
            <dd>
                <dl>
                    <dt>Lorem ipsum dolor sit amet</dt>
                    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
                    <dt>Lorem ipsum dolor sit amet</dt>
                    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
                    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
                </dl>
            </dd>
            <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
        </dl>
    </dd>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dt>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur fugit ad magni distinctio voluptatibus id repudiandae vitae ipsa porro impedit.</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
</dl>
 
<dl class="inline">
  <dt>Lorem ipsum dolor sit amet</dt>
  <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
  <dt>Lorem ipsum dolor sit amet</dt>
  <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
  <dd>
    <dl>
      <dt>Lorem ipsum dolor sit amet</dt>
      <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
      <dt>Lorem ipsum dolor sit amet</dt>
      <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
      <dd>
        <dl>
          <dt>Lorem ipsum dolor sit amet</dt>
          <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
          <dt>Lorem ipsum dolor sit amet</dt>
          <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
          <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
        </dl>
      </dd>
      <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    </dl>
  </dd>
  <dt>Lorem ipsum dolor sit amet</dt>
  <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
  <dt>Lorem ipsum dolor sit amet</dt>
  <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
  <dt>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur fugit ad magni distinctio voluptatibus id repudiandae vitae ipsa porro impedit.</dt>
  <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
</dl>
 
/* No context defined for this component. */