iStudyhome.com: Free HTML and CSS Box for Blog and Webpage

Hello! Welcome to iStuyhome
Today I would like to give an example of html and css box.
To do that just copy the following code and paste it on your post or page.

Code

<div style=" background: #DBE6E3; border-left: 4px solid #5353C9; border-radius: 5px; border-right: 4px solid #FF0000; border-top: 4px solid #B800FF; border-bottom: 4px solid #FFAD00; height: auto; padding-left: 10px; width: 200px;"> Helllo World Welcome To iStudyhome.Com </div>

Demo

Helllo World Welcome To iStudyhome.Com

Code

<style> #box-head{width: 96%;height: 200px;background-color: rgb(218, 218, 186);box-shadow: 0px 0px 2px 2px #888888;border-radius:5px; } #box-head h1{font-weight:bold;width:100%;line-height:30px;text-align:center;height: 30px;background-color: rgb(218, 218, 250);font-family: tahoma;font-size: 16px;border-bottom: 2px solid red; } #box-head p{padding: 0px 15px;margin:0;paddin:0px;color:blue;} </style> <div id="box-head"> <h1> Welcome To iStudyhome</h1> <p> Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text HereYour Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here</p> </div>

Example 2

Welcome To iStudyhome

Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text HereYour Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here Your Text Here