locked
Problem with span position in MVC Aplication RRS feed

Answers

All replies

  • User-1142886626 posted

    Hi neoaguil17,

    As we all know, <span> is an inline element, we could set display property to block to display <span> element as a block element. You set the display property to inline-block, the inline-block elements are like inline elements but they can have a width and a height. So the inline-block elements do not start on a new line, but can have a width and a height.

    You could set display property to block, it will start on a new line.

    For more information about html block and inline element, you could refer to this link.

    http://www.w3schools.com/html/html_blocks.asp

    Best Regards,

    Ailleen

    Tuesday, September 6, 2016 3:15 AM
  • User-1350042179 posted

    Ok

    But, Can I put "observation" section next to "Motivo" section?

    Because I couldn't do this change.....

    Tuesday, September 6, 2016 10:39 PM
  • User-1142886626 posted

    Hi neoaguil17,

    But, Can I put "observation" section next to "Motivo" section?

    You could set display property of Motive to block.

    <span id="campoMotivo" class="display-label" style="display:block;">
    Motivo<br>
    

    Best Regards,

    Ailleen

    Wednesday, September 7, 2016 10:47 AM
  • User-1350042179 posted

    Hi

    I found the solution, span is an inline element that doesn't support vertical margins.

    position: relative;
    top: 25px;

    The link:
    http://stackoverflow.com/questions/11700985/margin-top-not-working-for-span-element
    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Saturday, October 1, 2016 5:05 PM