Positing the matter in the right centre of DIV

HTML & CSS
1

i have a div
<div id=“header” style=“height: 335px”>
with css as
#header {height:275px;background:url(images/image5.jpg);background-repeat:no-repeat;background-position:left top}

the image5.jpg has some picture at the left side
i want to put some text matter ie the name in bold larger font size to somewhat right centre of the div
how do i adjust it
i tried it but i am getting it to the top left of the div

2

Perhaps post your full code, along with the text you want placed. It’s not too clear what you are asking. All I can suggest is placing some margins on the text to move it around.

By the way, that inline height setting overrides the setting in your main style sheet.

3

<div id=“header” style=“height: 335px”>
<span style=“font-size: 36pt; left:600px;”>Company NAme </span>
</div>

this is the code & the image is width wise fullscreen

4

You could float the text to the right and put a margin on the top to move it down from the top. E.g.

In your HTML:

<div id="header">
<p>Company Name </p>
</div>

In your CSS file:


#header {height: 335px;}
#header p {font-size: 36px; float: right; margin-top: 60px;}
5

hi hi do get it but not excatly as wanted

                                                                      [SIZE="6"] Company Name[/SIZE]

                                                                         [I] .......................slogan[/I]

-------------------------------------------------------------------------------------------------------- this is the format i need
now i am getting it to the extreme right & though i have set margin top =-10px its somewhat in middle
& the slogan is to the extremeright though i have i added padding

6

This is an unreliable way to post. (I suspect what appears above is not what you intended.) Could you post the code you have now and an image of how you want it to appear?

7

attached here with sample in which i need the company name & solgon as desired position.

there is already the large image represented with square . the rest of the images ie represented by circles needs to be placed in the positions as indicated.

i hope i am clear

8