HTML Element Style How to - Create Horizontal divs with paragraph


We would like to know how to create Horizontal divs with paragraph.


<!DOCTYPE html>
<style type='text/css'>
#banner {<!--   w  ww.j a  v a 2  s  . co  m-->
  width: 900px;
  height: 75px;
  background-color: Red;
  color: White;
  font-size: 10px;
  font-weight: bold;
  position: relative;

.goDiv {
  width: 33.33%;
  float: left;

div.IE-banner {
  text-align: center;
  line-height: 75px;
  font-size: medium;
  <div id="banner">
    <div class="IE-banner">
      <div id="go-lang" class="goDiv">
        <p>This will contain google language</p>
      <div id="go-search" class="goDiv">
        <p>This will contain google search</p>
      <div id="go-face" class="goDiv">
        <p>This will contain facebook links</p>

The code above is rendered as follows: