How To Create a Dashed Border Around Text, follow our CSS Tutorials on this page. With this CSS Code
you can create a dashed colour border around text, increase the size of the dashes, adjust the padding so your text will not be
to close to the dashed border, change the background colour in the border, change the text colour, and lastly change the text size,
if you change the text size you will have to also change the line height to stop the text going over each other you can also do that.
The text is also set to justify this means that the text will adjust itself on the right as the sample, its so easy try it.
YOU MIGHT HAVE TO INCLUDE THE CSS STYLE CODE BELOW. <style type="text/css"> CSS CODE HERE
How To Create a Dashed Border Around Text
Use the above CSS Code and HTML Code on your site to create a dashed border around text. The Dashed Border size and colour
can be changed, the text size and colour can also be changed, the padding can also be increased or decreased. The CSS Tutorials on how
to edit the CSS Code are below. Copy the CSS Code and the HTML Code to your site, edit the CSS Code to suite your site then edit
the HTML Code replace the text with your text. Try It!!
Yola Visitors can copy the CSS Code into the Site CSS on there site builder, then drag one HTML widget
into the site builder and paste the HTML Code. Update your site and you will see the code on your site, edit the CSS Code and HTML
Code to what you want. If you have the free version of yola you won't be able to do it this way.
Yola Visitors Watch Our Video Tutorial
To have the CSS Code on yola free website watch our video tutorial we show you how easy it is to place the codes on your site,
all yola users can do it this way, you don't have to place the CSS Code in the site CSS its up to you.
Go to your yola site builder drag 1 HTML widget to the section of your yola website where you want to display the dashed border
with text in on your site builder and paste the CSS Code in. Yola visitors using the free yola version will have to copy the code
below first paste into your HTML widget then copy the CSS Code into that code.
CSS CODE HERE
Then copy the HTML Code and paste it under the CSS Code in the same HTML widget, update your site and the code will be there
now edit the CSS Code and the text in the HTML Code to what you want.