[Solved] Heading with two colors border

[Nelson Hereveri]

Hi there!

Thanks for reading this. I just need to ask a question: There is a pure CSS method to generate this heading effect?

<h1>Title of heading 1</h1>
Red border with fixed blue portion width, like 20%.

I try with :after pseudo-element, but no success.

[Alen]

http://codepen.io/alenabdula/pen/Bpjwm/

[Nelson Hereveri]

Yes! Work with a tag to convert into a block element, but I need without change HTML nor adding JS.

Using two blocks not semantic and width limit wrap my title…

[Paulie_D]

Work with a tag to convert into a block element, but I need without change HTML nor adding JS.

It would have been helpful to mention that in your original post.

Quite WHY you are imposing these limitation is odd, it seems unlikely that you would have access to the CSS file and not the HTML or JS.

Still…http://codepen.io/Paulie-D/pen/amBhr

[Nelson Hereveri]

Perfect!
Thanks for u help in this.

And this limitations are normal in working enviroments, where some people or companies develop a software, and we just allowed to touch presentation in CSS, and not other files.

[Author]

Posts