Home/ Questions/Q 7566457
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T14:25:10+00:00

I have 3 <p> with set widths, but occassionally i there will be no

  • 0

I have 3 <p> with set widths, but occassionally i there will be no content inside of them, but I need them to keep their widths, even if no content is inside the <p>. 

<div class="grid_12 alpha omega directory-phone-table-row">
        <p class="grid_3 phone-name omega"><a href="javascript:;">${firstname}, ${lastname}</a></p>
        <p class="grid_3 alpha omega">${phonework}</p>
        <p class="grid_3 alpha omega">${departmentName}</p>
    </div>

.directory-phone-table .directory-phone-table-data p{
    color: #000;
    font-size: 12px;
    float: left;
    width: 220px;
    overflow: hidden;   
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I don’t think it’s possible to define a width of a block element when there is no content inside. At least, from my experience anyway. What I normally do is put spaces where you might expect an empty value (better yet, use the html code for space: &nbsp;). If you have a way to return a space character if data returns nothing — go that route, otherwise you can put a space at the end of your variables like so:

    <p class="grid_3 phone-name omega"><a href="javascript:;">${firstname}, ${lastname}&nbsp;</a></p>
<p class="grid_3 alpha omega">${phonework}&nbsp;</p>
<p class="grid_3 alpha omega">${departmentName}&nbsp;</p>
    • 0