CODEWITHSUNDEEP
csshtml
Albin Joseph
Albin Joseph

Reputation: 1050

Adding a new row css table-less layout

I am trying to create a table-less design using div and css. I have successfully made the header part. But after the header I have some text part which was supposed to be coming inside a div. However the div is displayed as inline and does not contain the text elements.

The code that I am trying is available at http://jsfiddle.net/sXaTT/1/

What I need is the 'Join our community' and 'FB Like' block should be inside the main container.

This is my first attempt to make a table-less design. Any help to fix this issue would be greatly appreciated.

Upvotes: 0

Views: 258

Answers (2)

cih
cih

Reputation: 1980

I have not changed the CSS just moved the div containing the fb link etc... Is this what you mean? filddle

Upvotes: 0

Afshin
Afshin

Reputation: 4215

I think this is what you want to achieve 

.main{
  width:380px; margin:0 auto;
  border:1px green solid;
  position:relative;
  padding:0px;
  background:#fff;
  overflow:hidden;
}

jsFiddle

Upvotes: 1

Related Questions