Underline Only First Part

[sandy1028]

Please tell me how to use styling.

When I use css for underline, even the (subtitle) gets underlined. How to avoid that.

 

 

 

<div class="headline">For-Profit Businesses<div> (subheadline)</div></div>

[ignace]

.headline { text-decoration: underline; }
.headline div { text-decoration: none; }

[Christian F.]

Also, I'd use semantical HTML in this case. Not only would it make the styling a lot easier, but its also better for search-bots, screen readers and more.

 

With this HTML, assuming the first headline is the topmost headline for the page/section.

<h1>For-Profit Businesses</h1>
<h2>(Subheadline)</h2>

 

You'll have the following CSS:

h1 {text-decoration: underline;}

 

Of course, you'll probably want to add some more styles to them, to make them look exactly as you want. But, for the question at hand that's all you need.