JSFiddle - React, Tailwind, and code Playground

by Liu ChangFeng

HTML

to explain CSS Box Model by HahaThis picture is created in order to explain CSS Box Model by HahaThis picture is created in order to explain CSS Box Model by HahaThis picture is created in order to explain CSS Box
Model by Haha
<p>
  This picture is created in order to explain CSS Box Model by Haha
</p>
This picture is created in order to explain CSS Box Model by HahaThis picture is created in order to explain CSS Box Model by HahaThis picture is created in order to explain CSS Box Model by HahaThis picture is created

CSS

p {
  background-color: #d82d7a;
  border: solid 10px #5e6fe0;
  margin: 40px;
  padding: 40px;
  font-size: 22px;
  display: inline-block;
  width: 250px;
  background-image: url(//www.baidu.com/img/baidu_jgylogo3.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  letter-spacing: 1px;
}

body{
  word-break: break-all;
  margin:0;
}