Base on this anchor link with no text inside but different children div's what I am trying to do is click on the element that takes me to another page. Sadly I have not be able to get it. Any advice? my selectors options that I have tried are below
<div id="divProducts" style="display: inline-block; text-align: center; width:100%;">
<a class="listProd grayButton roundCorners shadow" tabindex="0" href="#" onclick="ProdOnClick(); $('#divNewApp').load('NewApplication'); return false;">
<div style="width: 15%; display: inline-block;" aria-label="Life,">
Life
</div>
<div style="width: 30%; display: inline-block;" aria-label="PA Wealth Transfer Trust,">
PA Form
</div>
<div style="width: 35%; display: inline-block; font-size: large;" class="blueText">
MT Form
</div>
</a>
</div>
Selenium selectors options used but with no results;
By.xpath("//*[@id='divProducts']/a[1]");
By.xpath("//*a[contains(.,'Life')]");
By.xpath("//*[@id='divProducts']/a[contains(.,'MT Form')]");
By.partialLinkText("MT Form");
By.linkText("MT Form");
By.cssSelector("a:nth-child(1) div:nth-child(3)");
By.cssSelector("#divProducts > a:nth-child(1)");
PLEASE HELP!