Home/ Questions/Q 9291145
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T20:34:49+00:00

I have some links on my page. These links are surrounded by a border

  • 0

I have some links on my page. These links are surrounded by a border and background is set for them. They are in a box basicly.

<!DOCTYPE html>
<style>
a {
    background: #DDD;
    border: #BBB;
    padding:1px;
    width: 20em;    /*no effect*/
    height: 2em;    /*no effect*/
}
</style>
<a href="http://stackoverflow.com">1</a>
<a href="http://stackoverflow.com">1111111111111</a>

How can I make these boxes to have the same size?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Not understanding much but if you want the wrapper of same size than just use display: block; because <a> is an inline element hence you need to make it a block level element, or if you want the blocks inline, just use display: inline-block;

    <style>
a {
    background: #DDD;
    border: #BBB;
    padding:1px;
    width: 20em;
    height: 2em;
    display: block; <------ Add This
}
</style>
    • 0