White-space property

by Ivan Gerasimenko

HTML

<div class="pre">
           <span>'PRE': spaces, breaks.</span> ReadUncommitted and NOLOCK have the same effect. Only difference is that specifying SET TRANSACTION ISOLATION LEVEL READUNCOMMITTED affects every single table within a select statement until the connection closes or a different isolation level is specified. 
           <span>&lt;=here is a line break &amp; spaces.</span> applies just to the table the hint follows.
</div>
<div class="nowrap">
           <span>'NOWRAP': nothing!!!</span> ReadUncommitted and NOLOCK have the same effect. Only difference is that specifying SET TRANSACTION ISOLATION LEVEL READUNCOMMITTED affects every single table within a select statement until the connection closes or a different isolation level is specified. 
           <span>&lt;=here is a line break &amp; spaces.</span> applies just to the table the hint follows.
</div>
<div class="pre-wrap">
           <span>'PRE-WRAP': spaces, breaks + wrap.</span> ReadUncommitted and NOLOCK have the same effect. Only difference is that specifying SET TRANSACTION ISOLATION LEVEL READUNCOMMITTED affects every single table within a select statement until the connection closes or a different isolation level is specified. 
           <span>&lt;=here is a line break &amp; spaces.</span> applies just to the table the hint follows.
</div>
<div class="pre-line">
           <span>'PRE-LINE': breaks + wrap.</span> ReadUncommitted and NOLOCK have the same effect. Only difference is that specifying SET TRANSACTION ISOLATION LEVEL READUNCOMMITTED affects every single table within a select statement until the connection closes or a different isolation level is specified. 
           <span>&lt;=here is a line break &amp; spaces.</span> applies just to the table the hint follows.
</div>

CSS

.pre { white-space: pre }

.nowrap { white-space: nowrap }

.pre-wrap { white-space: pre-wrap }

.pre-line { white-space: pre-line }

div { margin: 20px; border: 1px solid green }
span { color: red; }