Login / Join
Simple Title/Content Css diplay grid
submitted on 06/05/2015 by
Codicode
+ infos
Config
Embed
Share
Simple Title/Content Css diplay grid
by
Codicode
Simple Title/Content Css diplay grid
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="fce" style="width:100%;height:200px;" bcolor="#ccc"></div>
<script type="text/javascript" src="//snippet.run/d/z.js"></script>
HTML
<div class="kvField"> <div>Cresf sdf sqdf qds fs fsqd fq sq df sdfqsdf sfqs fsf qsf qsation date :</div> <div>this is the real text sdfsf joisfjs oifj soifj sofqs uofs dqf sdfsdf sdfsf</div> </div> <div class="kvField"> <div></div> <div> <input style="height:200px; width:90%" /> </div> </div> <div class="kvField"> <div>Note :</div> <div> <div style="background-color:blue; width:100%;">aaaa</div> sdfljks fhusdfh sufhs dfu<br /> sdfljks fsdfsfsdf skdjf sdjf hsdfhsdufh sduifhsdifsdf fsdf dsdfhsg dfiysogqdg soiqfg sqyfg sq syfg sy syfhusdfh sufhs dfu<br /> </div> </div>
CSS
body{ background-color:#fff; } .kvField:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .kvField > div:nth-child(1){ box-sizing: border-box; float:left; width:25%; background-color:red; text-align: right; padding-right:5px; min-height:1px; } .kvField > div:nth-child(2){ float:left; min-width:75%; background-color:green; }
Javascript
©2013 Copyright snippet.run
Privacy
-
Terms of use
-
About
-
Contact