Make it the following: The above will target the specific links, which is what you want, versus styling the entire list blue, which is what you were initially doing. Here is a JsFiddle. The other way would be creating another class and implementing it like so: HTML CSS Also demonstrated in this JsFiddle
You use both (without space between them) Reference: http://www.w3.org/TR/selectors/#class-html Example
Mozilla Firefox solution Add: to the style of your td. Webkit based browsers (Google Chrome, Safari, …) solution Add: to the style of your td. Note: Mind that, as for now, break-word is not part of the standard specification for webkit; therefore, you might be interested in employing the break-all instead. This alternative value provides … Read more
Try using white-space: nowrap; in the container style (instead of overflow: hidden;)
It seems that there is in fact a pure CSS solution, requiring only the css attr expression, generated content and attribute selectors (which suggests that it works as far back as IE8): https://jsfiddle.net/z42r2vv0/2/ Run code snippetExpand snippet update w/ input from @ViROscar: please note that it’s not necessary to use any specific attribute, although I’ve used the “title” … Read more
You can use max-height in an inline style attribute, as below: To use scrolling with content that overflows a given max-height, you can alternatively try the following: To restrict the height to a fixed value you can use something like this. Specify the same value for both max-height and min-height (either in pixels or in … Read more
It’s the year 2020, there is a draft by WICG for Text Fragments, and now you can link to text on a page as if you were searching for it by adding the following to the hash #:~:text=<Text To Link to> Working example on Chrome Version 81.0.4044.138: Click on this link Should reload the page and highlight the … Read more
This seems to be the best way – some time has passed since my original post and this is what should be done now:
Update 2018-04-11 Here’s a Javascript-less, CSS-only solution. The image will dynamically be centered and resized to fit the window. The [other, old] solution, using JQuery, sets the height of the image container (body in the example below) so that the max-height property on the image works as expected. The image will also automatically resize when the client window is resized. … Read more
Updated Answer I’ve noticed a lot of people are using this answer so I decided to update it a little bit. No longer including support for now-unsupported browsers.