.container {
display: inline-block;
}
.container:after {
content: " ";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.container {
display: block;
}
for internet browser using the following code
p:after
{
content:"..readmore";
}
same way The ":before" is used for inserts content before the content of the selected elements or element.
p:before
{
content:"read this... ";
}
html {
position: relative;
min-height: 100%;
}
body {
margin: 0 0 250px;
/* Margin bottom is the footer height */
}
footer {
position: absolute;
left: 0;
bottom: 0;
height: 250px;
width: 100%;
}
The following code is the example of HTML5 site
Lorem ipsum...
