html - Place caret below anchor text -
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="text-decoration: none"> <span class="criteria">any</span> <span class="caret" style="margin-top:6px;"></span> </a>
the above piece of code giving me following output any ▼
how place caret below anchor close anchor text.
approx :
any ▼
edit : have text following anchor , caret, want on same line.
before anchor text text following anchor ▼
the drop down in middle of sentence. want caret close anchor text, below , not next line
edit 2 : code before , after
<div class="control-group"> <div class="controls dropdown"> create backup if <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="text-decoration: none"> <div class="criteria">any</div> <div class="caret" style="margin-top:6px;display: inline-block"></div> </a> <ul class="dropdown-menu" id="selector" style="text-decoration: none;left: 18%;min-width: 65px;"> <li><a title="any">any</a></li> <li><a title="all">all</a></li> </ul> of following true: </div> </div>
this take on it... notice that, add text before -or after- caret follows anchor
.caret { display: inline; position: relative; top: 1em; left: -1.2em; padding-right: 0; margin-right: 0; width: 0; } > .caret { display: inline-block; width: 0; }
<div class="control-group"> <div class="controls dropdown"> create backup if more code here <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="text-decoration: none"> <span class="criteria">any</span><span class="caret">^</span></a> of following true: </div> </div>
updated remove spaces
Comments
Post a Comment