Check out this form example:

display: block; -> (inputs are below labels)

block

display: inline; -> (inputs are next to labels)

inline

display: inline-block; -> (inputs are next to labels + now label width can be set and has actually effect on labels -> inputs keep the same distance to labels! HINT! make all label same width:

label { width: 500px; } )

inline-block

 

admin