Centering Blog Title Header

  • Resolved Spacedog2k5

    (@spacedog2k5)


    11 years, 6 months ago

    ‘lo, all! Been a heckuva long time since I popped in to bug anyone with my questions. However, this one is short, should be an easy 1-2-3 fix, I’m sure.

    I am trying to center the blog’s name, but I am not sure what to do or where to place the coding. Can someone please help me?

    Here is the link for the blog: link

    Thank you in advance. The help you provide is always greatly appreciated.

    – D

Viewing 6 replies - 1 through 6 (of 6 total)

  • Remove this –

    .header-info { float:left; display:inline-block; }

    and add this –

    .header-info { display: table; margin:0 auto; }

    ______________________________________________________________

    Babble Fish Translation:

    Eliminar este –

    .header-info {float: left; display: inline-block;}.

    y a?ade este –

    .header-info {display: table; margin: 0 auto;}.

    Thread Starter Spacedog2k5

    (@spacedog2k5)

    Did not work. I cut n’ pasted the CSS Stylesheet onto a PasteBin. Here is the link: CSS Stylesheet. Hope that helps.

    Try this:

    .header-info {
text-align: center;
margin: 0 auto;
}

    get rid of float:left and display: inline-block;

    This works for me using Chrome inspector.

    Thread Starter Spacedog2k5

    (@spacedog2k5)

    Christine –

    Perhaps I am doing something wrong? I added the code as directed:

    /* Header */

#header {
	display: block;
}

#header .description {
	margin-left: 60px;

	}

.header-info {
text-align: center;
margin: 0 auto;
}

    But, “The Barking Schnauzer” is still aligned to the left. *confused* ??

    on line #13 I can still see this:

    .header-info {
	float: left;
	display: inline-block;
	}

    that needs to be removed.

    Thread Starter Spacedog2k5

    (@spacedog2k5)

    Thank you for being helpful and understanding, Christine. I found the other code bit that you found, removed and voila! it worked! Enjoy the rest of your week. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Centering Blog Title Header’ is closed to new replies.