There seems to be an issue with broken links in a web page when using Chrome version 39.0.2171.65.
Interestingly, the links work perfectly fine in Chrome version 38.0.2125.122 and all other browsers.
Here is the HTML code:
<div class="setleft"><a class="button " href="https://example.com"><span>Daily Diary</span></a></div>
<div class="setleft"><a id="tab" class="button " href="https://example.com"><span>Progress</span></a></div>
CSS Code:
button, a.button, input[type='button'], input[type='submit'], input[type='reset'], a.eylog_green_button {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #EAEAEA;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EAEAEA));
/* more CSS properties... */
}
The issue seems to be resolved by adding `white-space: nowrap;` to the code. However, this issue persists in many places throughout the application. Can anyone provide insight into why this is happening and suggest a better solution?