spot7.org logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML Categories

Mark space for :after content non-breaking


I’m afraid the problem here is that when you set display: inline-block on the pseudo-element, it becomes an element that is treated as external to text (comparable to an image) and may be wrapped into the next line, even when it immediately follows a character. And if you let it default to display: inline, the width property does not apply to it, so it just doesn’t do what you want.

But you might consider a different approach. Instead of using CSS to create a visual object that looks like a filled circle, for example, you can use a character like U+25CF BLACK CIRCLE “●” and color it as desired. This sets obvious limitations, since shapes you would like to use might not exist as characters, or those characters might not be sufficiently well supported in fonts. But in simple cases, the approach might be feasible:

.navTreeItem
.state-restricted:after {
  content: "25cf";
  color: red;
}
<div
class=navTreeItem>
<div class=state-restricted>I really,
really, really do want to prevent any
line break between this text and the :after
pseudo-element.</div>
</div>


Categories : CSS

Related to : Mark space for :after content non-breaking
How can I use a non-breaking space before an inline-block-default element, such as a
Can you put a span before the nbsp? <p>thisssssssssssss<span id="b">&nbsp;<button>isssssssssss anotherrrrrrrrr</button></span> test</p> #b { white-space: nowrap; } http://jsfiddle.net/bggk33du/10/

Categories : HTML
Why does a dynamically linked executable on Linux have the complete memory space of libc in its own memory space?
Why does the system map the whole libc and ld shared objects into the process' memory range? I thought there would only be a pointer to the libc which is loaded in memory only once systemwide? It does map it once systemwide, then it maps those pages into each process' virtual memory address space. Those pages are shared by every process (at least the read-only parts) You can't just hav

Categories : C++
c++ breaking up a vector in groups of 7
Sorry I am not c++ fluent, but the logic is here. You can use the modulo and store the two first values of each block: #include <stdio.h> #include <iostream> #include <string.h> using namespace std; int main() { FILE * pFile; char buff [50], value[2][50]; int i=0, j=0; pFile = fopen ("myfile.txt" , "r"); if (pFile == NULL) perror ("Error opening file");

Categories : C++
How to fix “element.dispatchEvent is not a function” without breaking something else?
When you call jQuery.noConflict(); you no longer associate jQuery with the $ variable. So things like $().click or $(selector) will throw errors. Instead, you can do something like this: jQuery.noConflict(); jQuery('a.try').click(handler); jQuery(window).height(); Or, you can also assign jQuery to a new variable, like this: var j$ = jQuery.noConflict(); j$('a.try').click(handler); j$(window).

Categories : Javascript
Breaking out of a nested for loop without using break
my teacher does not accept "breaks" From a programming standpoint, that's just plain silly (although I'm sure it has merit from an instructional one). But there's an easy workaround in this particular case because the loops your breaking from are all at the end of their respective methods. As such, you can replace them with return statements. i.e: private static void DropYellowDisk(String

Categories : Java
Recently Add
How to start a new column in flex column wrap layout
Add record CSS not rendering Jtable
Inline CSS Does Not Work When Transferred to External Stylesheet
CSS Positioning Issue on Chrome
PhantomJS + CMYK color css3
Wrap an input with pseudo borders made of divs
Site doesn't display styling on Firefox or IE –– works fine with Chrome and Safari
CSS - Position image to the left + partly cut-off + responsive + Bootstrap
Can i cross-fade li elements using angularjs ngAnimate
hidden-sm in bootstrap 3
Ruby on Rails - Bootstrap / Form_for vs input_groups - How to stop styles butting heads
locating joomla files when I do inspet element in firefox
Some Images flicker in IE8
Tooltip CSS ONLY: focus and hover prevents access to following button
Strange shadowed boxes randomly appearing - CSS error?
Bootstrap popover dynamic size
Horizontal List Exceeding Right Margin
How to put !important in all CSS properties using SASS or CSS3?
Wrap content and remove extra whitespace?
Force div's height expand with it's container
Animation delay on page load
CSS Keep on-hover item open until another item is hovered on
Confused by LESS replace() function behavior
How to transform an image in SVG (or CSS) into a non-parallelogram shape?
Ignore CSS declaration on a specific control
Mark space for :after content non-breaking
2 inline images - 1 centered and 1 right using Bootstrap
Bootstrap - three sibling col divs, is this layout possible?
jquery mobile-vertically center two lines of button text
Change footer content in magento
© Copyright 2017 spot7.org Publishing Limited. All rights reserved.