html - How to indent this CSS code? It's produces a gallery output -
i want indent gallery of images right because have side subtoolbar on left side. tried left: 200;
code doesn't work. how do this?
<style> div.images { margin: 5px; border: 1px solid #ccc; float: left; width: 180px; } div.images:hover { border: 1px solid #777; } div.images images { width: 100%; height: auto; } </style>
...
<a target="_blank" href="pics/my drawings/1.jpg"> <img src="pics/my drawings/1.jpg" alt="forest" width="200" height="300"> </a> </div> <div class="images"> <a target="_blank" href="pics/my drawings/2.jpg"> <img src="pics/my drawings/2.jpg" alt="northern lights" width="200" height="300"> </a> </div> <div class="images"> <a target="_blank" href="pics/my drawings/3.jpg"> <img src="pics/my drawings/3.jpg" alt="mountains" width="200" height="300"> </a> </div>
Comments
Post a Comment