Login / Join
Indenting & coloring the first line of paragraph's text
submitted on 16/07/2013 by
Codicode
+ infos
Config
Embed
Share
Indenting & coloring the first line of paragraph's text
by
Codicode
CSS and HTML : how to indent and color only the first line of a P element (paragraph) text with
Framework 1 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
Framework 2 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
+ Js file(s) :
+ Css file(s) :
Apply
Link :
Direct http link :
Fork button :
Html code :
Embed preview :
Copy the following html code to your page to embed the preview,
To include many previews on a single page, just repeat the first line.
You can change the width, height and border color (bcolor).
<div class="refork-widget" code="d5b" style="width:100%;height:200px;" bcolor="#ccc"></div>
<script type="text/javascript" src="//snippet.run/d/z.js"></script>
HTML
<div style="width:280px;margin:auto;"> <p> lazy log. the quick brown fox jumped over the lazy log. The quick brown fox jumped over the lazy log. The quick brown fox jumped over the lazy log. The quick brown fox jumped over the lazy log. The quick brown fox jumped over the lazy log. </p> </div>
CSS
p:first-line { color:blue; font-size:18px; } p { text-indent:20px; background-color:#eee; padding:10px; }
Javascript
©2013 Copyright snippet.run
Privacy
-
Terms of use
-
About
-
Contact