Can somebody explain why I do see 2 dashes (or underscore) between my images, like this:
How to remove them ?
This weird behavior appears in chrome (linux), safari (mac) as well in firefox (mac).
<html>
<head>
<style type="text/css" media="screen">
ul li {
display: inline;
}
</style>
</head>
<body style="background: none;">
<ul clas="">
<li>
<a href="file:///dir/file.jpg" rel="prettyPhoto" title="This is title">
<img src="file:///thumbnails/t.jpg" width="60" height="60" alt="Hi">
</a>
</li>
<li>
<a href="file:///dir/file.jpg" rel="prettyPhoto" title="This is title">
<img src="file:///thumbnails/t.jpg" width="60" height="60" alt="Hi">
</a>
</li>
<li>
<a href="file:///dir/file.jpg" rel="prettyPhoto" title="This is title">
<img src="file:///thumbnails/t.jpg" width="60" height="60" alt="Hi">
</a>
</li>
</ul>
</body>
</html>
</li><li>
(or as appropriate) - that is, butt the elements up so there is no extra text node. The underline shows an underlying problem. – user2864740 Dec 22 '14 at 19:46<img></a>
. remember - html rendereres treat line breaks in the html source as whitespace chars and render them as spaces. – Marc B Dec 22 '14 at 19:46