codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    How to align text boxes and labels in CSS

    20th July 2013

    CSS

    Css - Codehaven

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <p><label>Title:</label>
    <input type="text" maxlength="12" name="title" size="12" /><br>
    </p>
    <p><label>Code:</label>
    <input type="text" maxlength="12" name="content" size="12" /><br>
    </p>
    <p><label>Area:</label>
    <input type="text" maxlength="12" name="area" size="12" /><br>
    </p>
    <p><label>Name:</label>
    <input type="text" maxlength="12" name="name" size="12" /><br>
    </p>
     

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    <style>
    p label {
    display: inline-block;
    width: 180px;
    }
    p input {
    width: 150px;
    font-size: 18px;
    }
    p select {
    width: 150px;
    font-size: 18px;
    }
    </style>
     

    And to use just buttons and text input

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN