don't want box around text to stretch to full width

  • Resolved rzul

    (@rzul)


    9 years, 9 months ago

    Can you please see what part of my css is making these boxes stretch the full width of the content box? I want the box to only be the width of the text inside. It seems like it should be a simple CSS change, but I can’t locate the problem. Thank you in advance for your time.
    http://hedlundagency.com/buttons/

Viewing 3 replies - 1 through 3 (of 3 total)
  • linux4me2

    (@linux4me2)

    9 years, 9 months ago

    That’s really weird. I can’t see where it is coming from, either, but I have a fix. Instead of the div of class “box,” just use an input of type “button” wrapped in your link:

    <a href="http://#"><input type="button" value="Sample Boxed Text" /></a>

    When I tried it, it inherited the CSS styling you had without adding a class to the input since the button type is already in the CSS with the settings you had for the box.

    Thread Starter rzul

    (@rzul)

    9 years, 9 months ago

    Thank you! I realize it will work better to use the existing button style for this. I appreciate your help. While I still don’t know what is making the box stretch the full width, this does fix the problem. Thank you again!!

    linux4me2

    (@linux4me2)

    9 years, 9 months ago

    If you ever figure out why the div was stretching to the full width, please post back here. I would like to know too.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘don't want box around text to stretch to full width’ is closed to new replies.