HTML Entity for Lowercase L (l)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+006C

What You'll Learn

How to display the lowercase letter l in HTML using named entity, hexadecimal, decimal, direct character input, and CSS escape methods. The letter l is the twelfth letter of the Latin alphabet (U+006C) and is part of the Basic Latin block. It appears in everyday text, HTML tutorials, list markup contexts, and academic content. In most cases you can type it directly; entities are useful when escaping, generating content via CSS, or referencing the character explicitly.

Render it with &l;, l, l, the character l, or CSS escape \006C. Unlike many letters, lowercase l has the named HTML entity &l; in the HTML5 specification.

⚡ Quick Reference — Lowercase L Entity

Unicode U+006C

Basic Latin (ASCII)

Hex Code l

Hexadecimal reference

HTML Code l

Decimal reference

Named Entity &l;

HTML5 named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+006C
Hex code       l
HTML code      l
Named entity   &l;
CSS code       \006C
Direct         l (type in UTF-8)
Meaning        Latin small letter l
Related        U+004C = L (uppercase)
Block          Basic Latin (U+0000–U+007F)
1

Complete HTML Example

A simple example showing the lowercase letter l using hexadecimal code, decimal HTML code, the named entity, the character directly, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\006C";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x6c;</p>
<p>Symbol (decimal): &#108;</p>
<p>Symbol (named): &l;</p>
<p>Symbol (direct): l</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase letter l (U+006C) and the named entity &l; are universally supported in all browsers as part of Basic Latin:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the lowercase letter l in common text contexts:

Large glyphl
Body textThe letter l appears in words like love, learn, and html.
Alphabetj k l m n
Named entity&l; renders as l
Not the same as&lt; (less-than) or ĺ (l with acute)
Numeric refs&#x6c; &#108; &l; \006C

🧠 How It Works

1

Named Entity

&l; is the HTML5 named entity for the lowercase letter l—readable in source HTML.

HTML markup
2

Hexadecimal Code

&#x6c; uses the Unicode hexadecimal value 6C to display the letter. The x prefix indicates hexadecimal format.

HTML markup
3

Decimal HTML Code

&#108; uses the decimal Unicode value 108 to display the same character. This is the ASCII/Unicode decimal for l.

HTML markup
4

Direct Character & CSS

Type l directly in HTML, or use \006C in CSS stylesheets in the content property of pseudo-elements.

HTML / CSS
=

Same visual result

All methods produce the glyph: l. Unicode U+006C sits in Basic Latin. The uppercase form is U+004C (L). Do not confuse &l; with &lt; (less-than). In normal text, typing l is preferred.

Use Cases

The lowercase letter l (or its entity forms) is commonly used in:

📝 Body text

Standard character in paragraphs, articles, and any Latin-script text. Usually typed directly.

📄 HTML tutorials

Documentation showing entity references like &l; and &lt; explicitly.

💻 Programming docs

Variable names and identifiers in code snippets and technical writing.

🌐 Internationalization

Words in English, Spanish, French, and many other Latin-script languages.

📚 Typography

Font samples and design systems demonstrating the letter l in context.

⚙ Programmatic HTML

When building HTML in code, using &l; or &#108; ensures correct output.

🎨 CSS generated content

Using \006C in the CSS content property to insert l via pseudo-elements.

💡 Best Practices

Do

  • Type l directly in body content; use &l; when an explicit reference helps
  • Serve pages as UTF-8 so Basic Latin characters render without entities
  • Use &lt; for the less-than sign, not &l;
  • Use \006C in CSS content when generating the letter via pseudo-elements
  • Remember lowercase l is U+006C and uppercase L is U+004C when case matters

Don’t

  • Confuse &l; (letter l) with &lt; (less-than <)
  • Confuse the letter l with the numeral 1 or uppercase I in monospace fonts
  • Overuse numeric entities for l in normal readable text
  • Confuse plain l (U+006C) with ĺ (l with acute, U+013A)
  • Put CSS escape \006C in HTML text nodes

Key Takeaways

1

Five ways to render l; includes named entity &l;

&#x6c; &#108; &l;
2

For CSS stylesheets, use the escape in the content property

\006C
3

Unicode U+006C — LATIN SMALL LETTER L

4

Twelfth letter of the Latin alphabet (Basic Latin block)

❓ Frequently Asked Questions

Type l directly, or use &l; (named), &#x6c; (hex), &#108; (decimal), or \006C in CSS content. For most content, typing l is standard.
U+006C (LATIN SMALL LETTER L). Basic Latin block. Hex 6C, decimal 108. It is the twelfth letter of the Latin alphabet.
Yes. The named HTML entity is &l;. It is part of the HTML5 standard and supported in modern browsers. You can also use numeric references or type l directly in UTF-8.
&l; (U+006C) is the lowercase letter l. &lt; (U+003C) is the less-than sign (<). They look similar in entity source code but produce completely different characters. Always double-check when writing HTML tutorials or escaped content.
For normal text, typing l is preferred. Use &l; or numeric/CSS entities when generating HTML programmatically, escaping in attributes, demonstrating entity syntax in documentation, using CSS pseudo-element content, or ensuring encoding in legacy systems.

Explore More HTML Entities!

Discover 1500+ HTML character references — letters, symbols, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful