|
|
Posted by kailash nadh on 11/26/07 21:24
On Nov 26, 4:01 am, Cristian <crisj...@gmail.com> wrote:
> I have this div for the top of my page. Nested into it, I have a
> heading and another div. How can I make that heading and div stand
> next to each other horizontally?
> I have tried turning them into inline elements, but always one appear
> in the top and the other in the bottom of it. I have used floats,
> unsuccessfully.
> The home page of Inkscape -http://inkscape.org/- sets a heading
> next to a div just the way I want it. I have looked into their CSS
> file and tried to do the same, however, I think my knowledge is too
> limited at this moment. Could anyone explain me how to do that?
> Not sure if it works, but I have this example of the HTML I am using.
>
> <body>
> <div id="all">
>
> <h1>Heading</h1>
>
> <div id="right">
> <p>Paragraph</p>
> </div>
>
> </div>
> </body>
Give the h1 and #right widths and try floating them (if you fail to
give proper widths, the elements won't float). Example css.
<style type="text/css">
<!--
#all h1 {
width: 40%;
float: left;
}
#all #right {
width: 40%;
float: left;
}
//-->
</style>
[Back to original message]
|