Text Box codes in HTML form for blogger or WordPress posts ?

Apny blog post ko text box mai kesy add kary

Few Basic Codes for text box post:-
The code for all of the below borders/frames, with exception of the last two frames (the one with the differently colored borders
and the one with rounded corners), is similar and is a modification of the codes in the next to examples.

Example #1:
Code
⬇

<div style="
border: solid 5px #aaaaaa;
background: #FF93E7;
font-size: 18px;
margin: 40px;
padding: 30px;
text-align: justify;
">
Text is here "Touch 2 Gain"
</div>

Result:-

Text is here "Touch 2 Gain"

Example #2:
Code
⬇

<div style="
width: 300px;
height:70px;
border: double 6px #00385B;
">
Type Your Text Here eg Touch 2 Gain
</div>
<br/>

Result:-

Type Your Text Here eg Touch 2 Gain

Example #3:
Code
⬇
Controlling the width, height and alignment of theborder/frame
The border/frame I was looking for is this oneAs with the alignment of the horizontal line when added via the <div> tag (explained in the previous post) , the code in Example
#1 or Example #2 should be "wrapped" with another <div> tag (the red colored text of the code) as follows:

<div align="center">

<div style="
border: double 5px #aaaaaa;
font-size: 24px;
margin: 40px;
padding: 30px;
width: 50%;
height: 150px;
">
Text here like follow Touch To Gain
</div>
</div>

Result are:-

Text here like follow Touch To Gain

Example#4
The corresponding HTML code is:
⬇
Code
⬇
The corresponding HTML code is:<br /> <table border="2" cellpadding="0" cellspacing="0" style="text-align: left; width: 100%;"><tbody> <tr><td style="vertical￾align: top;"><div style="border-bottom: solid 6px orange; border-left: solid 3px darkgreen; border-right: solid 6px<br /> blue; border-top: solid 6px red; margin-bottom: 10px; margin-left: 50px; margin-right: 20px; margin-top: 65px; padding￾bottom: 10px; padding-left: 65px; padding-right: 15px; padding-top: 65px;"><br /><ul> <li><span style="font-family:<br /> 'Courier New', Courier, monospace;"><b>The outer border/frame is a 1x1 table (e.g. a table with one row and one<br /> column).</b></span></li> <li><span style="color: #741b47;"><b>The inner borders are on different distances from the<br /> corresponding outer borders.</b></span></li> <li><span style="font-family: Georgia, 'Times New Roman',<br /> serif;"><i>The distances from this text (which is left aligned) to the top, right, bottom and left inner border<br /> are different.</i></span></li> <li><span style="font-size: x-small;"><b>The text was modified in the visual<br /> editor</b></span>   </li> </ul> </div> </td></tr> </tbody></table> <br />

Result are:-

The outer border/frame is a 1x1 table (e.g. a table with one row and one column). The inner borders are on different distances from the corresponding outer borders. The distances from this text (which is left aligned) to the top, right, bottom and left inner border are different. The text was modified in the visual by Touch To Gain editor

Blog , wordpress etc post HTML box codes
Plz share and follow us for more tricks....

Subscribe Our Newsletter