Linked Questions
40 questions linked to/from Adding HTML entities using CSS content
401 votes
1 answer
521k views
Placing Unicode character in CSS content value [duplicate]
I have a problem. I have found the HTML code for the downwards arrow, ↓ (↓) Cool. Now I need to use it in CSS like so: nav a:hover {content:"&darr";} That obviously won't work ...
194 votes
2 answers
118k views
nbsp not working in CSS content tag [duplicate]
Possible Duplicate: Adding HTML entities using CSS content #sitenavmenu-content-menu li:before { content:"| "; } I want to add a | and two spaces before each list item. ...
32 votes
4 answers
44k views
Can you use HTML entities in the CSS “content” property? [duplicate]
I would like to use HTML entities in CSS, but it shows me the • instead. .down:before{ content:"• "; color:#f00; } Also, why does the above code not work in IE? it does not ...
6 votes
1 answer
14k views
How add a downarrow after an element with CSS? [duplicate]
I would like to add arrows to my sortable table on this page What I tried is adding this code to the css: table th.headerSortUp:after { content: " ↑"; } table th.headerSortDown:after { ...
6 votes
4 answers
4k views
CSS put html entity as content [duplicate]
Using the css content property, I am trying to make put an HTML entity after an element. Here is my HTML: <table id="tic" cellpadding="0" cellspacing="0" border="5" bordercolor="black" ...
8 votes
1 answer
4k views
How can I include a HTML-encoded "content:" character in CSS? [duplicate]
Possible Duplicate: Adding HTML entities using CSS content I have the following setup CSS: .header:before { content: "«"; } .header:after { content: "»"; } HTML: &...
2 votes
2 answers
6k views
How do I put character • ::before an element? [duplicate]
I want to put a circle/dot ::before an element • • nothing I am doing is visible! .line ::before{ content:'•'; } and .line ::before{ content:'•'; } (I see ...
0 votes
1 answer
1k views
Add "Black right-pointing pointer" HTML entity in css content [duplicate]
I'm trying to add a "Black right-pointing pointer" html entity into my css :after content but to no avail. I know you need to use a unicode value but I can't find one that works for this. This is the ...
0 votes
4 answers
1k views
How to use hex value for bullet in CSS [duplicate]
Im trying to use hex value for bullet in CSS as mentioned here Can you use HTML entities in the CSS “content” property? Note that I don't want to use <li> element just to show bullet <table&...
6 votes
2 answers
136 views
Add whitepaces with ::before selector [duplicate]
I have tried this but it didn't work: .stackoverflow::before { font-family: 'FontAwesome'; content: "\f16c "; } <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-...
2 votes
1 answer
271 views
Compass delimited list separator - how to set to – [duplicate]
I am using SASS/Compass to create a breadcrumb with the Compass mixin "@include delimited-list();" I have a variable called $breadcrumb-separator: " > "; so that I can change the character out in ...
0 votes
2 answers
43 views
CSS Built-In Content Not Working [duplicate]
I have a slideshow in my website and I wanted to use the cool looking content built-in with CSS. I am pretty sure my code is right, but for some reason, the arrows show up as boxes. I don't know what ...
1 vote
0 answers
24 views
How to insert copyright symbol in images in CSS and HTML? [duplicate]
I'm a beginner in HTML and CSS. I'm trying to insert a copyright symbol (c) into an image on my website. I tried using a decimal code, ©, in the following code, but it is displayed as it is. ...
701 votes
15 answers
696k views
CSS text-overflow in a table cell?
I want to use CSS text-overflow in a table cell, such that if the text is too long to fit on one line, it will clip with an ellipsis instead of wrapping to multiple lines. Is this possible? I tried ...
347 votes
7 answers
252k views
Add a space (" ") after an element using :after
I want to add a blank space after some content, however the content: " "; doesn't seem to work. This is my code: h2:after { content: " "; } ... which doesn't work, however this does: h2:after { ...