如何将锚元素的宽度限制为其子元素的宽度（h1和h2）

Question

Ok i have div with id "logo" inside div i have h1 and h2 element and i have problem to anchor them... If i put anchor inside h1 or h2 width is same as text width but i have space between h1 and h2 which not belong to link..

If i wrap h1 and h2 inside of achor its ok but width take full width of header element (parent of all elements i mentioned)

I also tried to put h1 and h2 inside of anchor element (without using div) but it took full width of header (i used display block, not working)

Answer 1

Try this fiddle here

In this fiddle just added

.header{
     text-align: center;
  } 

#logo{
    display: inline-block;
  }