Change hyperlink style

Question

I'm trying to change a word in a hyperlink text.

Let's say the hyperlink is "foofoofoo". How to change the middle foo to italics?

I've tried this:

<a href="#">
foo<div style="font-style: italic;">foo<div>foo
</a>

However, my IDE states underlines the div as error and the whole hyperlink style gets messed up. Am I doing it wrong?

Thank you for the help!

try using an inline element like `span`. – Daniel A. White May 15 '15 at 19:58 — Daniel A. White, May 15 '15 at 19:58
Could you please elaborate? :) Thank you! – Kotoriii May 15 '15 at 20:00 — Kotoriii, May 15 '15 at 20:00

score 0 · Answer 1 · edited May 23 '17 at 12:14

0

You shouldn't be using a block element for this. You really should use an inline element like span.

<a href="#">
foo<span style="font-style: italic;">foo</span>foo
</a>

edited May 23 '17 at 12:14

Community

answered May 15 '15 at 19:59

Daniel A. White

Oh wow thanks a lot! I still have a lot to learn about web development! Thank you very much Daniel! – Kotoriii May 15 '15 at 20:03
Hey @Daniel, I'm unable to upvote due to my low rep here. I'm sorry! – Kotoriii May 17 '15 at 02:19

score 0 · Accepted Answer · answered May 15 '15 at 20:02

0

Wrap the middle foo in the italic tag instead of a division.

foo<i>foo</i>foo

answered May 15 '15 at 20:02

deflator

2 Answers2