html - Anchor tag issue with full width -

code this:

<div>overall advance rating(1 foodees rated)</div>  <a href="#">    <img src="#"/>    <img src="#"/>    <img src="#"/>    <img src="#"/>    <img src="#"/>  </a>

here getting cursor after rating images also. how can handle cursor until images only. had tried width , max width not able solution.

you trying have pointer cursor on images , not in between if understand question correctly. if so, try this:

a { cursor: default; }   img { cursor: pointer; }

<div>overall advance rating(1 foodees rated)</div>  <a href="#">    <img src="#"/>    <img src="#"/>    <img src="#"/>    <img src="#"/>    <img src="#"/>  </a>

otherwise believe might have try harder question across.