Code style borken

Hi!

When text iт code style have more than 1 line in looks broken



Page with problem: http://macburo.com/isekrety/uskoryaem-m ... kon-v-os-x

Hi,
it's because by default it was designed for short text only.
But If you want I can find temporary fix.

As you wrote
this short code can fix a little bit

Code: Select all

pre, code {
    padding: 10px !important;
}

But what if need to add big code???

Hey! I need help... Anybody here?

I found, that <pre> </pre> works fine.


http://monosnap.com/image/UdR7rSlkSOmO1ohB6o5gWtTcUclJyy.png


Is it possible to make <code> style same as <pre> ?
Thanks.

Probably yes.
I will check again and send a code here.

Ok,
1) Please add / use :

Code: Select all

code {
    white-space: pre-wrap;
    word-wrap: break-word;
}

2) please use <br> inside "code" to break too long text - like it was in our example then text will be shown correctly

<code> <br> Bla1 Bla1 BLa1 <br> Bla2 Bla2 Bla2 <br>
</code>

Hi!
I added white-space: pre-wrap; word-wrap: break-word; in override css - but it's don't work.

I created 2 blocks pre and code with same content inside and without any <br />.

at the bottom of this page:
http://macburo.com/isekrety/otklyuchaem ... nij-v-os-x



What should I do to make display <code> blocks same as <pre>?

So I don't have idea.
Both <pre> and<code> have & use this same CSS code now.
so it must be something deeper - according to W3C rules.

I suggest to use <pre> if you want ideal appearance and leave <code> alone.