Skip to content

Instantly share code, notes, and snippets.

@dorofteiiuliana
dorofteiiuliana / Alinment CLASSES
Last active August 8, 2016 11:36
Alinment CLASSES
<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>
<p class="text-nowrap">No wrap text.</p>
http://www.wikihow.com/Align-Something-in-HTML
@dorofteiiuliana
dorofteiiuliana / ul li NAVBAR
Last active August 8, 2016 14:56
ul li NAVBAR
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
@dorofteiiuliana
dorofteiiuliana / CENTER align elements
Created August 4, 2016 12:15
CENTER align elements
http://www.w3schools.com/css/tryit.asp?filename=trycss_align_container
<!DOCTYPE html>
<html>
<head>
<style>
.center {
margin: auto;
width: 60%;
border: 3px solid #73AD21;
1. Basic structure
First of all, we create the basic HTML structure:
<div id="wrap">
<div id="header"></div>
<div id="nav"></div>
<div id="main"></div>
<div id="sidebar"></div>
<div id="footer"></div>
@dorofteiiuliana
dorofteiiuliana / Create a centred horizontal navigation
Created August 4, 2016 09:46
Create a centred horizontal navigation
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/work/">Work</a></li>
<li><a href="/clients/">Clients</a></li>
<li><a href="/contact/">Contact</a></li>
</ul>
.nav{
border:1px solid #ccc;
@dorofteiiuliana
dorofteiiuliana / POSITIONING CSS
Created August 4, 2016 09:44
POSITIONING CSS
http://shpargalkablog.ru/2012/04/pozitsionirovaniye-css.html?m=1