Elements with Border

Browser Rendering:

Playing around with CSS

Code:
DIV{
width:200px;
text-align:center;
 border:1px dotted #CCC;
/*bordersize border-type border-color*/
padding: 5px;
}

Border can be used to create columns.
It’s a picture frame when applied on pictures.

Testing 123

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis odio felis, in luctus tortor. Aenean mi risus, feugiat vitae vulputate eget, vulputate at risus. Nam massa urna, volutpat placerat malesuada sit amet, luctus consequat magna. Aenean mollis augue id ipsum vulputate eu elementum elit ullamcorper. Morbi ornare sagittis hendrerit. Suspendisse fringilla tortor non metus laoreet in auctor magna auctor. Nullam rhoncus commodo dui, id lacinia dolor consectetur nec.

Cras sed risus sed nisi rutrum convallis. Nulla facilisi. Sed at facilisis turpis. Aliquam posuere fermentum eros, non consequat arcu vestibulum tempus. In hac habitasse platea dictumst. Proin eu nisi ligula. Pellentesque pretium, lorem sed ornare elementum, lectus nunc imperdiet lorem, ut convallis nisi augue eget dolor. Nunc urna metus, hendrerit id dignissim at, venenatis vel ipsum. Sed venenatis fringilla nisi et elementum. Sed nunc lorem, fermentum et dignissim quis, ullamcorper vitae leo.

Integer in nibh libero. In sodales eleifend convallis. Etiam dignissim neque posuere purus ornare ac mattis est porttitor. Nunc facilisis semper nisi, ac sagittis quam sollicitudin vel. In non libero justo, mattis lacinia eros. Nam vehicula lobortis purus.

Morbi a nulla tellus, vitae vehicula quam. Phasellus condimentum blandit ante in pretium. Phasellus vitae tempus libero. Sed fermentum tortor vitae felis fermentum in fringilla diam commodo. Vestibulum odio quam, semper suscipit malesuada ac, dapibus nec enim. Nunc lacus purus, lacinia sit amet fringilla scelerisque, sollicitudin a risus. Vestibulum placerat felis vel leo molestie id pharetra tellus congue. Nulla facilisi. Donec vehicula augue vitae nisi accumsan molestie. Donec in iaculis ipsum.

Aenean ante massa, bibendum eget vulputate et, iaculis sit amet est. Nullam venenatis, ante eget porttitor mollis, neque justo dapibus quam, suscipit ultricies nibh nisi quis ante.

Quisque in vestibulum nisi. Etiam in risus neque. Duis lacinia blandit sapien, euismod lacinia lectus consectetur a. Suspendisse molestie auctor egestas.

Restrict to web-safe color in your web design?

This is not an iPad nor portable tablets

Nowadays most of the web browsing device supports high color resolutions, therefore you can forget about the web-safe color. As long as your web page is intended for viewing from computer, or even tablet, just go ahead using any color when you design your web page.

Let no one restricts your creativity, it’s yours.

Scrollbar Overflow Not Working!

Browser Rendering:

Playing around with CSS
Playing around with CSS
Playing around with CSS
Playing around with CSS
Playing around with CSS
Playing around with CSS
Playing around with CSS
Playing around with CSS
Playing around with CSS
Playing around with CSS
Playing around with CSS
Playing around with CSS
Playing around with CSS

Code:
DIV{
height: 100px; /*did you missed out this?*/
width:200px; /*did you missed out this?*/
overflow: auto;
}

Thou shall specify height and width!

Box Text

Browser Rendering:

Playing around with CSS

Code:
DIV{
width:200px;
text-align:center;
display:block;
color: #FFF;
background: #500;
padding: 5px;
}

Quick and effective way to decorate certain highlights.