Odd behavior when adding a paragraph to a div that contains a class

1 posts, 0 answers
  1. Najlae
    Najlae avatar
    1 posts
    Member since:
    Oct 2017

    Posted 09 Oct 2017 Link to this post

    I am experiencing an odd behavior when I apply a paragraph style <P> to a text in a <Div> that contains a class. It's reproducible on all browsers.

    To illustrate this, i will use the example below:

    <div class="remarks">
    Unless the sender is illiterate, please ask the sender to write the RCM text him/herself in Dari or Pashtu. If possible, please provide a translation into English or French.<br />
    Information to provide<br />
    In the countryside we need to know the name of the province, the district, the area and the village / sub-village of the Sought Person.<br />
    Any other useful information should be mentioned, such as close by a mosque, school or well-known building. <br />
    <br />
    A precise map of the location (hand drawing) can be attached to the RCM.<br />
    <br />
    Please note: To facilitate distribution and to prevent misunderstanding due to transcription, spelling or pronunciation, please ask the sender to write both the sender's and addressee's details in Dari or Pashtu, using the attached form<br />
    ICRC and/or ARCS. Cases from abroad should be directed to ICRC Kabul.<br />
    <br />
    After the initial assessment and processing by the ICRC, Tracing Cases in Afghanistan are normally followed up through active fieldwork conducted by the ARCS. Most of the districts and provinces are inaccessible to ICRC staff for security reasons.<br />
    <br />
    Any information regarding a case will be communicated by ICRC-Kabul to the concerned National Society/ICRC Delegation who is in charge of submitting information to the Enquirer. In the case of sad news regarding the Sought Person, ICRC-Kabul will send an explanatory note that will allow a re-contact with the Enquirer and a transmission of news in the most appropriate way.
    </div>

     

    Here, the <div class="remarks"> is the container of all the Text. 

    If we apply a paragraph style <p> to the text with the bold style in Design mode, the <Div> will not be the container anymore, and we will have the HTML below: 

    <div class="remarks">
    Unless the sender is illiterate, please ask the sender to write the RCM text him/herself in Dari or Pashtu. If possible, please provide a translation into English or French.<br />
    Information to provide<br />
    In the countryside we need to know the name of the province, the district, the area and the village / sub-village of the Sought Person.<br />
    Any other useful information should be mentioned, such as close by a mosque, school or well-known building. <br />
    <br />
    A precise map of the location (hand drawing) can be attached to the RCM.<br />
    <br />
    </div>
    <p class="remarks">Please note: To facilitate distribution and to prevent misunderstanding due to transcription, spelling or pronunciation, please ask the sender to write both the sender's and addressee's details in Dari or Pashtu, using the attached form<br />
    ICRC and/or ARCS. Cases from abroad should be directed to ICRC Kabul.<br />
    <br />
    </p>
    <div class="remarks">After the initial assessment and processing by the ICRC, Tracing Cases in Afghanistan are normally followed up through active fieldwork conducted by the ARCS. Most of the districts and provinces are inaccessible to ICRC staff for security reasons.<br />
    <br />
    Any information regarding a case will be communicated by ICRC-Kabul to the concerned National Society/ICRC Delegation who is in charge of submitting information to the Enquirer. In the case of sad news regarding the Sought Person, ICRC-Kabul will send an explanatory note that will allow a re-contact with the Enquirer and a transmission of news in the most appropriate way.
    </div>

     

    So if the div container has a style with a border radius,padding, margin and background color, this styles will be applied separately on the paragraph, so the result will be messy.

    i did the test on the online telerik demo, and the case is reproducible.

    Regards,

     

     

Back to Top