aligning image inside table cell

I have this fiddle

https://jsfiddle.net/edx7ma5c/

It looks like this:

my fiddle
If you notice there is a table cell with this class it has a red border on this cell <td class="colstyle2">

How do I align my chrome image on the top right of this cell.
So even if I resize the width of my browser the image always stays at the top right of this cell with the red border.

So it would look like this:
desired alignment, top right of cell with class colstyle2
LVL 1
maqskywalkerAsked:
Who is Participating?
 
Julian HansenCommented:
.colstyle2, .colstyle2 td {
  vertical-align: top;
  text-align: right;
}
.colstyle2 table {
  width: 100%;
}

Open in new window

0
 
D PatelD Patel, Software EngineerCommented:
In HTML Part do the below :

alignimage.PNG
Both the method @Julian Hansen and @D Patel will do the same task.
0
 
D PatelD Patel, Software EngineerCommented:
No Assisted Solution...
0
 
Julian HansenCommented:
@D Patel,

Your solution relies on deprecated tags -  the use of the align attribute is not supported in HTML5. You are expected to use a CSS solution instead.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.