如何在行右侧显示锚标记?

  • 本文关键字:显示 html
  • 更新时间 :
  • 英文 :


我在段落文本之后的行内部放置了一个锚标记。我正在尝试将锚标记放置到行右侧。

<div class="container">
<div class="row">
<div class="col-md-1">&nbsp;</div>
https://stackoverflow.com/questions/ask#
<div class="col-md-3">
<img src="img/pj-image-logo.jpg" alt="">
</div>
<div class="col-md-8">
<div class="row section-title">
What We Are?
</div>
<div class="row">
<p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tellus integer feugiat scelerisque varius morbi enim. Tincidunt lobortis feugiat vivamus at augue. Duis ut diam quam nulla porttitor massa. Est ullamcorper eget nulla facilisi. Adipiscing tristique risus nec feugiat in fermentum posuere. Nisi porta lorem mollis aliquam ut porttitor leo a. Sit amet justo donec enim diam vulputate. Et ligula ullamcorper malesuada proin libero nunc consequat interdum varius. Cursus risus at ultrices mi tempus imperdiet. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat. Aliquam ut porttitor leo a. Turpis egestas integer eget aliquet nibh. Nibh nisl condimentum id venenatis a condimentum vitae sapien. Senectus et netus et malesuada fames ac turpis egestas. Nulla pharetra diam sit amet nisl suscipit adipiscing.
</p>
<p class="text-justify">
Lectus arcu bibendum at varius vel pharetra. Non tellus orci ac auctor. Nunc scelerisque viverra mauris in aliquam sem fringilla ut. Justo eget magna fermentum iaculis eu non diam phasellus vestibulum. Eget felis eget nunc lobortis mattis aliquam faucibus purus in. Ipsum a arcu cursus vitae congue mauris rhoncus aenean. Justo laoreet sit amet cursus sit amet dictum. Aliquet nibh praesent tristique magna. Fringilla urna porttitor rhoncus dolor purus. Consectetur adipiscing elit pellentesque habitant morbi tristique. Gravida cum sociis natoque penatibus et magnis dis. Bibendum est ultricies integer quis auctor.
</p>
</div>
<div class="row">
<div class="row">
<div class="text-right">
<a href="#link" style="text-align: right;" role="button">Link Button</a>
</div>

</div>
</div>

</div>
</div>
</div>

你需要这样的东西

<div class="container">
<div class="row">
<div class="col-md-1">&nbsp;</div>
https://stackoverflow.com/questions/ask#
<div class="col-md-3">
<img src="img/pj-image-logo.jpg" alt="">
</div>
<div class="col-md-8">
<div class="row section-title">
What We Are?
</div>
<div class="row">
<p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tellus integer feugiat scelerisque varius morbi enim. Tincidunt lobortis feugiat vivamus at augue. Duis ut diam quam nulla porttitor massa. Est ullamcorper eget nulla facilisi. Adipiscing tristique risus nec feugiat in fermentum posuere. Nisi porta lorem mollis aliquam ut porttitor leo a. Sit amet justo donec enim diam vulputate. Et ligula ullamcorper malesuada proin libero nunc consequat interdum varius. Cursus risus at ultrices mi tempus imperdiet. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat. Aliquam ut porttitor leo a. Turpis egestas integer eget aliquet nibh. Nibh nisl condimentum id venenatis a condimentum vitae sapien. Senectus et netus et malesuada fames ac turpis egestas. Nulla pharetra diam sit amet nisl suscipit adipiscing.
</p>
<p class="text-justify">
Lectus arcu bibendum at varius vel pharetra. Non tellus orci ac auctor. Nunc scelerisque viverra mauris in aliquam sem fringilla ut. Justo eget magna fermentum iaculis eu non diam phasellus vestibulum. Eget felis eget nunc lobortis mattis aliquam faucibus purus in. Ipsum a arcu cursus vitae congue mauris rhoncus aenean. Justo laoreet sit amet cursus sit amet dictum. Aliquet nibh praesent tristique magna. Fringilla urna porttitor rhoncus dolor purus. Consectetur adipiscing elit pellentesque habitant morbi tristique. Gravida cum sociis natoque penatibus et magnis dis. Bibendum est ultricies integer quis auctor.
</p>
</div>
<div class="row">
<div class="row">
<div class="text-right">
<a href="#link" style="float: right;" role="button">Link Button</a>
</div>

</div>
</div>

</div>
</div>
</div>

最新更新