html - How to customize a div using css with shadow and color -


i trying create form contains various customized effect box shadow etc.i trying create header of form example applicationenter image description here

i have tried , made fiddle how ?? can not achieve. here fiddle link my fiddle

this effort have made create header of form

#headerlabel{     background-color: #3d6cad; display: inline; float: left; font-weight: bold; margin: 33px 10px 2px; text-align: right; width: 135px; color:white; } 

somebody please

here go code.

dont use tables layout.

this simple example hope asking for:

css:

* {   margin: 0;   padding: 0;   box-sizing:border-box; }  body {   font: 100%/1.6 'open-sans',sans-serif; }  {   text-decoration: none;   color:#f4f4f4; }  .header {   width: 100%;   padding: 1em 3em;   background:#3d6cad;   color:#fff;   font-size: 0.8em; }  .header h3 {   font-size: 1.2em;   color:#f2f2f2;   font-weight: normal; }  .header p {   color:#f4f4f4;   font-size: 0.9em; }  .sub-text {  } 

html:

<html> <head>   <meta charset="utf-8" />   <title>document</title> <link href='http://fonts.googleapis.com/css?family=open+sans' rel='stylesheet' type='text/css'>  </head> <body>   <div class="header">     <h3 class="user">jeet chartet</h3>     <p class="sub-text">       <a href="#">sda @ dsa</a>      </p>   </div> </body> </html> 

Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -