Category "css"

Centering two lines of text next to one line, HTML/CSS

So I've made what I'm looking to achieve in jsfiddle. I'm wondering if there is an easier way to achieve this same effect: <div class="date"> <spa

Reset link colour to browser default

Is there a way to reset visited and unvisited link colours to the browser default after they have been changed? In my specific situation, I have a main style f

nextjs global css header element doesn't apply to a parsed markdown, replaced by tailwindcss instead

I tried to parse markdown into html. the markdown does parsed as expected, the problem is it doesn't render to what I expected. I expected the header to be auto

CSS tabs with rounded base (smooth base transition) [duplicate]

Hi I am looking for the most efficient way to create a "tab" with HTML/CSS with rounded corners but also a smooth, rounded transition to the b

How to add border radius on table row

Does anyone know how to style tr as we like? I've used border-collapse on table, after that tr's can display 1px solid border I give them. However, when I've

SVG Path Fill Colour with CSS

I've seen lots of people posting this, and they all seem pretty happy with their answers. However I cant get my path fill to actually work, http://jsfiddle.ne

Chrome doesn't support `font-family: "Arial Bold"`?

In Chrome v75 Windows 10 font-family: "Arial Black" works, but font-family: "Arial Bold" doesn't. They both work in Edge. I know I can still use font-weight.

Text Animation Glitches on Small Screens

Looking at the following codepen: https://codepen.io/codeams/pen/Ksbcz, I noticed that the animation would glitch if you shrank the window (i.e., the text wraps

How to I bring my sticky navbar in front of the contents on my page?

I'm using wordpress and bootstrap and I have a a navber that sticks to the top of the page when scrolling, problem is it falls behind some of the contents on th

Text Animation Glitches on Small Screens

Looking at the following codepen: https://codepen.io/codeams/pen/Ksbcz, I noticed that the animation would glitch if you shrank the window (i.e., the text wraps

How do i remove the blue outline from a radio box when focused?

I would like to remove the blue outline it gives me when my radio is clicked/focused. I tried using outline: none and border: none, but nothing seems to be work

div doesn't take the whole height / is not 100%

here is the live link: http://mrgsp.md:8080/a/Account/SignIn the main div (green one) doesn't take 100% of the screen height you will notice this only if you

Evenly space a gallery of images

I have a gallery of images, each of which have the same width and height, say 10px. I want them spaced so that there are 5 on a row and they are each 5px apart,

inline-block div with and without text not vertically aligned

I have two divs side by side. Both have the same size and display: inline-block. The only difference between the two is, the first one has some text and the sec

scaleX increasing automatically in keyframes

In this example it is clear why the grow animation works: @keyframes grow { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } Howe

Images (inside divs) stacking instead of being inline

I'm trying to place a series of images on my website, and I want them to flow side by side and automatically wrap to the width of the container div. I made a se

Using webpack to load CSS files from node modules

I'm trying to use a react component that includes a css file. I'm requiring the component as usual: var Select = require('react-select'); I'd like to know ho

Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; }

Trim whitespace in link with css

Is it possible to trim whitespaces with css? In the code snippet below there is a extra whitespace in the <a> tag. The link comes out of a wordpress plugi

Trimming image corners with border-radius set on parent div doesn't work in Safari

I have an image placed inside a div, the div has rounded corners which works as a mask to hide the image corners and display it as a circle. It works in all bro