h1{font-size:40px;margin:4px 0} .g{background:linear-gradient(90deg,#f06,#48f);-webkit-background-clip:text;background-clip:text;color:transparent} .w{background:linear-gradient(#fa0,#a0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#000} .s{background-image:linear-gradient(90deg,red,blue);background-clip:text;color:rgba(0,0,0,.2);display:inline-block;padding:10px;border:2px solid #888}

Gradient heading

Fill color text

inline-block bold

fill color green

ellipsis text that is too long to fit
a
b

hidden