Posts

Showing posts with the label responsive text

create responsive text with css and html

Image
How to create responsive text with html and css So we will create a responsive text with html and css with  a background and with out background. We will also create responsive Heading tags. Here is the text. Here is source code. <! DOCTYPE   html > < html > < head > < title ></ title > < style   type = "text/css" > .flow-text { font-weight  : 200 ; font-size  : 20px ; color :#222; padding : 5px ; border-radius  : 3px  ; font-family : Arial, Helvetica, sans-serif } .bg-color { background  :rgba( 140 , 20 , 20 , 0.1 ) } h1 ,  h2 ,  h3 ,  h4 ,  h5 ,  h6 { font-weight  : 330 ; font-family : Arial, Helvetica, sans-serif; line-height  : 20px ; } </ style > </ head > < body > < p   class = "flow-text" > This is flow-text class without background  </ p > < p   class = "flow-text...