Can you put an img tag inside of an anchor tag?

Question

0.00/5 (No votes)

See more:

I'm asking if you can encapsulate an img tag around an anchor tag.

For example,

HTML

<a href="#" class="subnavbtn"><img src="images/news logo (1).png" alt="play" class="sidebar_img" height='32px' width='32px'>Today</a>

The img tag is inside of the anchor tag in this example. I was just wondering if this is acceptable. When I run the code, it does what I want it to do. Also if it is acceptable then how do you apply styling to the image itself with CSS.

What I have tried:

I tried looking for similar examples online, but I didn't find any other examples.

Posted 20-Jul-21 11:10am

adam breslin

Updated 20-Jul-21 13:36pm

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Dave Kreskowiak · Accepted Answer · 2021-07-20T13:36:00

Solution 1

Of course you can put an IMG tag inside an A tag. There's nothing wrong with it.

As for "apply styling to the image itself", that all depends on what you want to do. You've got limited options.

CSS Styling Images[^]

Posted 20-Jul-21 13:36pm

Dave Kreskowiak

Comments

adam breslin 21-Jul-21 0:57am

Are you saying I can reference the img tag by using the "img" selector?

Dave Kreskowiak 21-Jul-21 8:51am

Did you even bother to click the link I posted?

adam breslin 22-Jul-21 19:02pm

Ok that was a dumb question. I want to know how you style the anchor text without affecting the img tag at all from my example at the top. @Dave Kreskowiak

Dave Kreskowiak 22-Jul-21 19:06pm

https://www.w3schools.com/css/css_link.asp

adam breslin 22-Jul-21 19:26pm

I want to add padding to the anchor text. The examples from w3schools only shows how to change the font or color of the anchor text, but not how to add padding to the anchor text. @Dave Kreskowiak

adam breslin 22-Jul-21 19:19pm

I want to add some padding to the bottom of the anchor text without affecting the image.

Dave Kreskowiak 22-Jul-21 19:24pm

I have no idea and I don't have time to work on this and test it for you.

Welcome to development work where you have to test and try things yourself.

adam breslin 22-Jul-21 19:58pm

It's ok man. Don't worry I got this. Don't stress yourself out. @Dave Kreskowiak