Where did the dashes come from after connecting the Lightbox?

Question

css

Connected Lightbox from the site
There are no dashes in the code, but they come from somewhere.

<figure class="img-lefting">
                        <p>
                            <a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/fontain-01.jpg">
                                <img class="bold" src="images/fontain-01.jpg" width="240">
                            </a>
                            <a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/pool-02.jpg">
                                <img class="bold" src="images/pool-02.jpg" width="240">
                            </a>
                            <a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/pool-01.jpg">
                                <img class="bold" src="images/pool-01.jpg" width="240">
                            </a>
                            <a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/land-05.jpg">
                                <img class="bold" src="images/land-05.jpg" width="240">
                            </a>
                        </p>
                    </figure>

Answer 1

This is because links have text-decoration: underline; stands by default. Here spaces are underlined :)
Or put text-decoration: none; links, or write it without hyphenation in the form: <a><img /></a>
UPD: and by the way, using <figure> in this case is extremely wrong.