# Can you make the \<u\> line bigger?

**URL:** <https://forum.kirupa.com/t/can-you-make-the-u-line-bigger/181713>\
**Category:** Uncategorized\
**Created:** [March 12, 2006, 7:49am UTC](https://forum.kirupa.com/t/can-you-make-the-u-line-bigger/181713 "2006-03-12T07:49:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![fm47](https://avatars.discourse-cdn.com/v4/letter/f/50afbb/32.png) [@fm47](https://forum.kirupa.com/u/fm47)\
**Post date:** [March 12, 2006, 7:49am UTC](https://forum.kirupa.com/t/can-you-make-the-u-line-bigger/181713/1 "2006-03-12T07:49:42Z")

</div>

How can I make it bigger, if it’s possible? It looks weird to have

\<h2\>\<u\>this and that\<u\>\</h2\> because the underline is so small

---

<div class="post-metadata">

**Author:** ![fm47](https://avatars.discourse-cdn.com/v4/letter/f/50afbb/32.png) [@fm47](https://forum.kirupa.com/u/fm47)\
**Post date:** [March 21, 2006, 6:30am UTC](https://forum.kirupa.com/t/can-you-make-the-u-line-bigger/181713/2 "2006-03-21T06:30:41Z")

</div>

wait um, what’s span exactly? I kinda assumed you’d just go \<style class… ect\> \>\_\<

---

<div class="post-metadata">

**Author:** ![Ankou](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/ankou/32/1351_2.png) [@Ankou](https://forum.kirupa.com/u/Ankou)\
**Post date:** [March 21, 2006, 10:28pm UTC](https://forum.kirupa.com/t/can-you-make-the-u-line-bigger/181713/3 "2006-03-21T22:28:04Z")

</div>

Span is just a tag that groups inline elements in a document. It’s perfect for what everyone’s been sugesting here for using a class to underline various elements in your page.

If you have the class “underline” then you can use it on multiple elements…

```auto
<style type="text/css">
.underline{ border-bottom: 3px solid; }
.red{ color: #900; }
</style>

```

So now you can use the class on any element.

```auto
<h2 class="underline">Heading</h2>
<p>
This sample is only <span class="underline">underlined</span>. While this sample is <span class="underline red">underlined and has red text</span>.
</p>
<p class="underline">All of this is underlined.</p>

```

You get the idea. It’s nice to have a few classes that are general enough that you can use them as needed. If you know you’re only going to underline text in a specific HTML tag then it may make more sense to do something like:

```auto
<style type="text/css">
h2{ border-bottom: 3px solid; }
</style>

```

Or

```auto
<style type="text/css">
h2.underline{ border-bottom: 3px solid; }
</style>

```