CODEWITHSUNDEEP
htmlhyperlinkfonts
Arun Kumar
Arun Kumar

Reputation: 11

How to increase the size of a link?

Hi i need to display my link in footer as "powered by Arun" and it should be a link to my homepage. I need to give a different look to the name next to Powered by. So how to increase the size of the link and any suggestions for customizing the link well.

Upvotes: 1

Views: 33257

Answers (4)

brian waltse
brian waltse

Reputation: 61

If you want to give some basic style to a link couldn't you do

<p><a href="https://iden.example.org"><i style="font-size:1.5em ;color: blue; ">Powered by</i><strong> Arun</strong></a></p>

Upvotes: 0

Jashwant
Jashwant

Reputation: 29005

I think, you need something like this,

<a href='linkToHomePage' style='font-size:1.2em'>Powered by<span style="font-weight:bold">Arun</span></a>

(I am guessing your are not a technical person, so this will be easy for you)

And if you can do, please do this,

Add this css,

.poweredby {
  font-size:1.2em;
}
.author {
  font-weight:bold;
}

And add this markup,

<a href='linkToHomePage' class='poweredby'>Powered by<span class="author">Arun</span></a>

Upvotes: 1

AYK
AYK

Reputation: 3322

As denoted by Mr. Disappointment in his answer you can use a <span>.

To show an example of using it with the link, see below.

<a href="LinkToYouHomePage.htm"><span style="font-size: small">Powered by</span> <span
    style="font-size: larger">Arun</span> </a>

Upvotes: 0

Grant Thomas
Grant Thomas

Reputation: 45083

Use a <span> element:

<span>Powered By</span> Arun

You can then apply a style to the span, or a class:

  • Inline style:

    <span style="font-size:1.2em;"></span>

  • Class style:

    apply the class:

    <span class="mySpanClass"></span>

    and specify corresponding style (in a stylesheet):

    .mySpanClass { font-size:1.2em; }

Upvotes: 3

Related Questions