11 replies

pre tag & position absolute issue

Hey, i have two questions regarding a code block design i'm making.

1. Regarding the

pre

pre

tag, I'm aware that you have to un-indent everything within it so extra space isn't presented on the page however i still get space above and below my text even when i do this, why is this? (see image 1)

2. i'm using position absolute (i've tried

margin-left: auto;

margin-left: auto;

without position absolute too and it provides the same problem), to push the language name to the top right of the div however when the screen is too small to fit the text and my horizontal scrolling on the div kicks in, when you scroll the element doesn't follow to the new top right, how would i make it do this? (see image 2)

https://codepen.io/deerCabin/pen/mdZeqVJ

Thank you in advance.