2013-11-25 2 views
0

Здесь я создал поле, которое показывает сообщение пользователя,настройка css позиция элемента div box

Имя, должность не выравниваются должным образом. Может кто-нибудь указать мне, где я совершил ошибку?

Code pan link

Если пост очень мало, то like comment должны появиться по крайней мере на размер высота = изображения.

+0

также ... у вас есть орфографическая ошибка ... она должна 'SPOT', не' PSOT' !! : D – NoobEditor

ответ

1

Вы не дали ширину плавали DIV, который охватывает весь DIV, тем самым толкая name неровно

Код

<div class="name" id="wall1" style=" 
      text-align:justify; 
      float:left; 
      border:1px solid #000; /* to find the area covered*/ 
      white-space:nowrap; 
      width:20% /* markup to align name and fix the width*/ 
"> nice post<br /> 

, так как вы не упомянули width из размещайте div, его принимают все 100%, поместите значение, чтобы исправить div width

+0

@Matank: спасибо, но без изменений: http://codepen.io/karimkhan/pen/lKGED – user123

+0

Что вам нужно? 'POST' =>' Name', а затем в новой строке 'time' =>' comment' => 'like' ..... (это ваш текущий вид) u просто хотите сдвинуть их немного влево-вправо или изменить или полностью изменить вид? – NoobEditor

+0

Название должно быть выше POST. – user123

1

Вы должны пересмотреть свой html. то есть элемент <label> не должен использоваться вне элемента <form>. я не знаю, что вы пытаетесь достичь, но это может помочь:

codepen

+0

@ Blix9: вы изменили порядок и посмотрели. На самом деле я хочу показать сообщение пользователя, как мы можем видеть в социальных сетях. Имя, должность ниже имени. как комментарий ссылку ниже сообщения. – user123

+0

Не беспокойтесь. Я просто хотел набросать/показать, что лучше не использовать встроенный стиль. А что в этом случае нельзя использовать тег

Смежные вопросы