html - Issue with Bootstrap Anchor Tag within Paragraph Tag -


i have simple issue regarding html anchor tag within paragraph tag. bootstrap template.

the problem occurring when viewing webpage in small , small viewports.

here website

the anchor tag button shifts outside of container, whenever scaling down smaller viewports. need anchor remain within container, i'm not clear on need modify.

enter image description here

<div class="item">    <img class="img-responsive rounded-2x img-width-175 hidden-xs" style="float: left; margin-top: 2px;" src="images/home/exterior2.jpg" alt="exterior painter">    <h3 style="background-color: #ff6d00; margin-top: -2px; float: inherit; text-decoration: underline;"><i>exterior painting</i></h3>    <p class="text-justify" style="text-align: left; font-size: 1.07em; background-color: #ff6d00; padding-left: 8px; padding-bottom: 6px; margin-top: -10px; line-height: 1.37em;">       whether home new, or perhaps farmhouse built 80 years ago...       <a href="interior-painting" type="button" class="btn-u" style="font-size: 11px; line-height: .8em; float: right; margin-right: 12px; background: #d96006">exterior painting services</a>    </p> </div> 

i added clearfix p tag:

<p class="text-justify clearfix" style="text-align: left; font-size: 1.07em; background-color: #5aa608; padding-left: 8px; padding-bottom: 6px; margin-top: -10px; line-height: 1.37em;"> 

Comments

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -