html - 我怎样才能使这个文本与框一起调整大小

Question

https://gyazo.com/fbcfb86757bb55d32b3cd3ac1a589bf6

我也是一个初学者，所以我可能不知道对你们来说最基本的东西，我可能会错过一些非常基本的东西

 .card {
    box-shadow: 0 4px 8px 0 #212226;
    transition: 0.3s;
    width: 20%;
    background-color: white;
    margin: 7;
    border: 1px solid #212226;
    display:inline-block;
    }

    .card:hover {
    box-shadow: 10px 10px 25px 0 #212226;
    margin: 9;
    }

    .container {
    padding-left: 4px;
    display:inline-block;
    }

    <div class="card">
    <div class="container">

    <p><b>Number:&nbsp;&nbsp;+38526654165<br>Address:&nbsp;&nbsp;Kissakuja 123<b></p> 
    </div>
    </div>

Answer 1

正如我意识到的那样，您想要用框本身来封装框内容。您可以为此使用 CSS word-break。

p {
   word-break:break-all
}

这将中断您文本的所有行。