Pedro Lobito Pedro Lobito - 5 months ago 10
HTML Question

CSS Margin-Top on element

How do I give margin-top on the following spans so they don't stay too close to each other?



.video-tags{
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;

}

<span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span>
<span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span><span class="video-tags"><a href='/tag/{{ vTag }}/' title="{{ vTag }} My Video" class='video-tags'>{{ vTag }} &nbsp;</a></span>




Answer

You can use inline-block

.video-tags{
  margin-top: 5px;
  display: inline-block;
}
Comments