JSFiddle - React, Tailwind, and code Playground

by mads10000

CSS

<!DOCTYPE html>
<html>
<head>
<style> 
.newspaper {
    /* Chrome, Safari, Opera */
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -webkit-column-rule-style: outset;
    -webkit-column-rule-width: 1px;


    /* Firefox */
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -moz-column-rule-style: outset;
    -moz-column-rule-width: 1px;

    column-count: 2;
    column-gap: 40px;
    column-rule-style: outset;
    column-rule-width: 1px;
}

.TextWrap {
float: right;
margin:10px;}

@media only screen and (max-width: 40em) {
    .newspaper{
        /* Chrome, Safari, Opera */ 
        -webkit-column-count :  1 ; 
        -webkit-column-gap :  0px ; 
        -webkit-column-rule-style : outset ; 
        -webkit-column-rule-width :  1px ;

        /* Firefox */ 
        -moz-column-count :  1 ; 
        -moz-column-gap :  0px ; 
        -moz-column-rule-style : outset ; 
        -moz-column-rule-width :  1px ;

        column-count :  1 ; 
        column-gap :  0px ; 
        column-rule-style : outset ; 
        column-rule-width :  1px ; 
    } 

.TextWrap {
float: right;
margin:10px;}



</style>
</head>
<body>


<div class="newspaper">
<p><span style="font-size: x-large;">Gentleman Basis-Ausstattung</span><br /><br /><span style="font-size: medium;">Es braucht nicht viel und Sie haben mit wenig Budget eine top 5%-Garderobe!</span></p>
<p><span style="font-size: small;">Mit den Grundausstattungs-Tipps von STOCK 11 sind Sie f&uuml;r jeden Anlass gewappnet. Hochzeit des besten Freundes? Sie werden fantastisch aussehen. Ein Bewerbungsgespr&auml;ch f&uuml;r eine interessante neue Stelle ist im Anflug? Ihr Look wird makellos sein und die richtige Mischung aus Stil, Klasse, Understatement hervorbringen.</span> <span style="font-size: small;">Hat sich Ihr wichtigste Kunde f&uuml;r einen Besuch angemeldet? Sehr gut, denn Sie werden jetzt auch in Punkto Mode die Konkurrenz blass aussehen lassen. </span><br /><br /><span style="font-size:...