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

  • Resolved rzul

    (@rzul)


    10 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.
    https://hedlundagency.com/buttons/

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

  • 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="https://#"><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)

    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!!

    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.